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

fix(curriculum): update hints and test for magazine layout lab (#58244)

Browse Source 
Co-authored-by: Ilenia <26656284+ilenia-magoni@users.noreply.github.com>
This commit is contained in:
agilan11
2025-01-27 22:40:36 +05:30
committed by GitHub
parent cd7f12c063
commit 248a135d0c
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
curriculum/challenges/english/25-front-end-development/lab-magazine-layout/6735a7370e0ae93a4577c689.md
View File

@@ -107,10 +107,13 @@ const magazineCoverStyle = getComputedStyle(document.querySelector('.magazine-co
assert.match(magazineCoverStyle.gridTemplateAreas, /("|')small-article1 small-article2 cover-image\1$/);
```
Your `.magazine-cover` class should have a `grid-template-columns` property set to `1fr 1fr 1fr`.
Your `.magazine-cover` selector should use the `grid-template-columns` property to divide the space into three equal parts. Remember you can use either the `repeat` function or manually define each fractional unit.
```js
assert.equal(new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateColumns, '1fr 1fr 1fr');
assert.oneOf(
new __helpers.CSSHelp(document).getStyle('.magazine-cover')?.gridTemplateColumns,
['1fr 1fr 1fr', 'repeat(3, 1fr)']
);
```
Your `.magazine-cover` class should have a `grid-template-rows` property set to `auto 1fr 1fr`.