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

6
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--
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--

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--
@media (max-width: 768px) {
#piano {
width: 335px;
width: 358px;
}
}
--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--
@media (max-width: 768px) {
#piano {
width: 335px;
width: 358px;
}
.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) {
#piano {
width: 335px;
width: 358px;
}
.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) {
#piano {
width: 335px;
width: 358px;
}
.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) {
#piano {
width: 335px;
width: 358px;
}
.keys {