question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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

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. image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
RandellDawsoncommented, Aug 31, 2020

Or should I perhaps only change the English?

Just change the English version for now.

0reactions
kealanparrcommented, Sep 1, 2020

Thank you for the assistance @RandellDawson

Read more comments on GitHub >

github_iconTop Results From Across the Web

Free Code Camp: CSS Grid Challenges | by Eleftheria Batsou
CSS Grid helps you easily build complex web designs. It works by turning an HTML ... This article will walk you through freecodecamp.org...
Read more >
[1/5] CSS Grid -- grid template and grid gap - YouTube
In this short series of videos, I am presenting my solutions from freecodecamp.org | CSS Grid challenges. This is a new section at...
Read more >
HELP! I´m lost in CSS grid and my page is a mess!
I´ve been practicing CSS grid for a StyleStage challenge and I tried to convert a page I was ... It´s a total mess...
Read more >
Things I've Learned About CSS Grid Layout
The following is a guest post by Oliver Williams. Oliver has been working with CSS grid layout and has learned quite a bit...
Read more >
Want to Learn Programming 5 Key Terms You Should Know
The specified language : batch does not exist'Code generation failed!!' While the above correctly lists the steps required to grade a test, it...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found