jprdonnelly/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-05-24 16:01:05 -04:00
Code Issues Projects Releases Wiki Activity

fix(curriculum): wrong selector on step 79 of building a magazine (#46524)

Browse Source 
* Update 6148f693e0728f77c87f3020.md

feat(curriculum): Update .list-header to .list-title in learn-css-grid-by-magazine

* replace seed content with the correct selector

Co-authored-by: Sboonny <MuhammedElruby@gmail.com>
This commit is contained in:
A N K I T
2022-06-16 23:41:58 +05:30
committed by GitHub
parent 71b1d25d54
commit 3563682424
2 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f693e0728f77c87f3020.md
View File

@@ -7,7 +7,7 @@ dashedName: step-79
# --description--
Create a third `@media` query for `only screen` with a `max-width` of `550px`. Within, create a `.hero-title` selector with a `font-size` set to `6rem`, a `.hero-subtitle, .author, .quote, .list-header` selector with a `font-size` set to `1.8rem`, a `.social-icons` selector with a `font-size` set to `2rem`, and a `.text` selector with a `font-size` set to `1.6rem`.
Create a third `@media` query for `only screen` with a `max-width` of `550px`. Within, create a `.hero-title` selector with a `font-size` set to `6rem`, a `.hero-subtitle, .author, .quote, .list-title` selector with a `font-size` set to `1.8rem`, a `.social-icons` selector with a `font-size` set to `2rem`, and a `.text` selector with a `font-size` set to `1.6rem`.
# --hints--
@@ -17,11 +17,11 @@ You should have a new `@media` query for `only screen` with a `max-width` of `55
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.media?.mediaText === 'only screen and (max-width: 550px)');
```
Your new `@media` rule should have a `.hero-title` selector, a `.hero-subtitle, .author, .quote, .list-header` selector, a `.social-icons` selector, and a `.text` selector. These selectors should be in this order.
Your new `@media` rule should have a `.hero-title` selector, a `.hero-subtitle, .author, .quote, .list-title` selector, a `.social-icons` selector, and a `.text` selector. These selectors should be in this order.
```js
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[0]?.selectorText === '.hero-title');
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.selectorText === '.hero-subtitle, .author, .quote, .list-header');
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.selectorText === '.hero-subtitle, .author, .quote, .list-title');
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[2]?.selectorText === '.social-icons');
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[3]?.selectorText === '.text');
```
@@ -32,7 +32,7 @@ Your `.hero-title` selector should have a `font-size` set to `6rem`.
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[0]?.style?.fontSize === '6rem');
```
Your `.hero-subtitle, .author, .quote, .list-header` selector should have a `font-size` set to `1.8rem`.
Your `.hero-subtitle, .author, .quote, .list-title` selector should have a `font-size` set to `1.8rem`.
```js
assert(new __helpers.CSSHelp(document).getCSSRules('media')?.[2]?.cssRules?.[1]?.style?.fontSize === '1.8rem');

4
curriculum/challenges/english/14-responsive-web-design-22/learn-css-grid-by-building-a-magazine/6148f6f7d8914c78e93136ca.md
View File

@@ -387,7 +387,7 @@ hr {
.hero-subtitle,
.author,
.quote,
.list-header {
.list-title {
font-size: 1.8rem;
}
@@ -759,7 +759,7 @@ hr {
.hero-subtitle,
.author,
.quote,
.list-header {
.list-title {
font-size: 1.8rem;
}