From 832eb29c0daacc2ccbe719638fb1f0c31d94c563 Mon Sep 17 00:00:00 2001
From: "Rafael D. Hernandez" <rafaeldavish443@gmail.com>
Date: Fri, 15 Apr 2022 07:36:24 -0700
Subject: [PATCH] fix(learn): Change width for piano on step 28 (#45673)

* fix: change width on step 28

* fix: update step-33 seed

Co-authored-by: Rafael Hernandez <rafaeldavish@Rafaels-MacBook-Pro.local>
---
 .../612ebe7fe6d07e6b76d1cae2.md                           | 8 ++++----
 .../612ebedec97e096c8bf64999.md                           | 2 +-
 .../612ebf9a210f2b6d77001e68.md                           | 2 +-
 .../612ec0490ae8626e9adf82e4.md                           | 2 +-
 .../612ec19d5268da7074941f84.md                           | 2 +-
 .../612ec29c84b9a6718b1f5cec.md                           | 4 ++--
 6 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebe7fe6d07e6b76d1cae2.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebe7fe6d07e6b76d1cae2.md
index ded21fa4cb..4ab31ee005 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebe7fe6d07e6b76d1cae2.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebe7fe6d07e6b76d1cae2.md
@@ -7,7 +7,7 @@ dashedName: step-28
 
 # --description--
 
-Add a new `#piano` selector within your `@media` query, and set the `width` to `335px`.
+Add a new `#piano` selector within your `@media` query, and set the `width` to `358px`.
 
 # --hints--
 
@@ -19,12 +19,12 @@ const piano = rules?.find(rule => rule.selectorText === '#piano');
 assert(piano);
 ```
 
-Your new `#piano` selector should have a `width` of `335px`.
+Your new `#piano` selector should have a `width` of `358px`.
 
 ```js
 const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-width: 768px)');
 const piano = rules?.find(rule => rule.selectorText === '#piano');
-assert(piano?.style.width === '335px');
+assert(piano?.style.width === '358px');
 ```
 
 # --seed--
@@ -127,7 +127,7 @@ html {
 
 --fcc-editable-region--
 @media (max-width: 768px) {
-  
+
 }
 --fcc-editable-region--
 ```
diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebedec97e096c8bf64999.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebedec97e096c8bf64999.md
index 7ec9a5a4ba..0175c56dae 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebedec97e096c8bf64999.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebedec97e096c8bf64999.md
@@ -129,7 +129,7 @@ html {
 --fcc-editable-region--
 @media (max-width: 768px) {
   #piano {
-    width: 335px;
+    width: 358px;
   }
 }
 --fcc-editable-region--
diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md
index c6c12649f0..8e90e21a50 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md
@@ -128,7 +128,7 @@ html {
 --fcc-editable-region--
 @media (max-width: 768px) {
   #piano {
-    width: 335px;
+    width: 358px;
   }
 
   .keys {
diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec0490ae8626e9adf82e4.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec0490ae8626e9adf82e4.md
index 1931571b39..e778158828 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec0490ae8626e9adf82e4.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec0490ae8626e9adf82e4.md
@@ -119,7 +119,7 @@ html {
 
 @media (max-width: 768px) {
   #piano {
-    width: 335px;
+    width: 358px;
   }
 
   .keys {
diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md
index ddb79f4bfc..86268fada3 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md
@@ -126,7 +126,7 @@ html {
 
 @media (max-width: 768px) {
   #piano {
-    width: 335px;
+    width: 358px;
   }
 
   .keys {
diff --git a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec29c84b9a6718b1f5cec.md b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec29c84b9a6718b1f5cec.md
index b8231d0c69..190d2eca0d 100644
--- a/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec29c84b9a6718b1f5cec.md
+++ b/curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec29c84b9a6718b1f5cec.md
@@ -146,7 +146,7 @@ html {
 
 @media (max-width: 768px) {
   #piano {
-    width: 335px;
+    width: 358px;
   }
 
   .keys {
@@ -264,7 +264,7 @@ html {
 
 @media (max-width: 768px) {
   #piano {
-    width: 335px;
+    width: 358px;
   }
 
   .keys {