gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: change width on step 28

Browse Source
This commit is contained in:
Rafael Hernandez
2022-04-11 23:18:41 -04:00
parent 905018ad35
commit 8ff4a07168
6 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebe7fe6d07e6b76d1cae2.md
View File

@ -7,7 +7,7 @@ dashedName: step-28
# --description-- # --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-- # --hints--
@ -19,12 +19,12 @@ const piano = rules?.find(rule => rule.selectorText === '#piano');
assert(piano); assert(piano);
``` ```
Your new `#piano` selector should have a `width` of `335px`. Your new `#piano` selector should have a `width` of `358px`.
```js ```js
const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-width: 768px)'); const rules = new __helpers.CSSHelp(document).getRuleListsWithinMedia('(max-width: 768px)');
const piano = rules?.find(rule => rule.selectorText === '#piano'); const piano = rules?.find(rule => rule.selectorText === '#piano');
assert(piano?.style.width === '335px'); assert(piano?.style.width === '358px');
``` ```
# --seed-- # --seed--
@ -127,7 +127,7 @@ html {
--fcc-editable-region-- --fcc-editable-region--
@media (max-width: 768px) { @media (max-width: 768px) {
} }
--fcc-editable-region-- --fcc-editable-region--
``` ```

2
curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebedec97e096c8bf64999.md
View File

@ -129,7 +129,7 @@ html {
--fcc-editable-region-- --fcc-editable-region--
@media (max-width: 768px) { @media (max-width: 768px) {
#piano { #piano {
width: 335px; width: 358px;
} }
} }
--fcc-editable-region-- --fcc-editable-region--

2
curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ebf9a210f2b6d77001e68.md
View File

@ -128,7 +128,7 @@ html {
--fcc-editable-region-- --fcc-editable-region--
@media (max-width: 768px) { @media (max-width: 768px) {
#piano { #piano {
width: 335px; width: 358px;
} }
.keys { .keys {

2
curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec0490ae8626e9adf82e4.md
View File

@ -119,7 +119,7 @@ html {
@media (max-width: 768px) { @media (max-width: 768px) {
#piano { #piano {
width: 335px; width: 358px;
} }
.keys { .keys {

2
curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec19d5268da7074941f84.md
View File

@ -126,7 +126,7 @@ html {
@media (max-width: 768px) { @media (max-width: 768px) {
#piano { #piano {
width: 335px; width: 358px;
} }
.keys { .keys {

2
curriculum/challenges/english/14-responsive-web-design-22/learn-responsive-web-design-by-building-a-piano/612ec29c84b9a6718b1f5cec.md
View File

@ -264,7 +264,7 @@ html {
@media (max-width: 768px) { @media (max-width: 768px) {
#piano { #piano {
width: 335px; width: 358px;
} }
.keys { .keys {