Unclear instructions on an FCC CSS Grid challenge
See original GitHub issue- On the CSS Grid challenge “CSS Grid: Use grid-area Without Creating an Areas Template” I think the wording is a little unclear
- Go to https://www.freecodecamp.org/learn/responsive-web-design/css-grid/use-grid-area-without-creating-an-areas-template
- Notice the wording on the test reading “item5 class should have a grid-area property such that it is between the third and fourth horizontal lines and between the first and fourth vertical lines.”
I think this reads that the area should be a decimal point between 3 and 4 horizontally, and a decimal point between 1 and 4 vertically i.e. beginning horizontally at something greater than three, and beginning vertically at something greater than one.
Leading to incorrect CSS something like:
grid-area: 3.5/1.5/4/4;
I’m happy to close this if I am the only person to think this, but I think the below wording is nicer:
Original: “item5 class should have a grid-area property such that it is between the third and fourth horizontal lines and between the first and fourth vertical lines.” Improved: “item5 class should have a grid-area property that begins on the third horizontal line, ending on the fourth horizontal line and begins on the first vertical line, ending on the fourth vertical line.”
Leading to something like the below, which would better guide the user to pass the test:
grid-area: 3/1/4/4;
This isn’t a browser specific problem, I just think it would be a nice quality of life improvement.
Issue Analytics
- State:
- Created 3 years ago
- Comments:6 (6 by maintainers)
Top GitHub Comments
Just change the English version for now.
Thank you for the assistance @RandellDawson