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.

Learn CSS Grid by Building a Magazine - Step 64

See original GitHub issue

Describe the Issue

The instruction can confuse people who are used to use " as the enclosing character for strings.

Id suggest giving a tip (?) that you can also use ' to enclose strings.

Which brings me to this bug (see Your code section) which is accepted when I was first confused. Then I went to the next step to see what they meant by the question haha.

Affected Page

https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-grid-by-building-a-magazine/step-64

Your code

.quote::before{
  content: " ";
}
.quote::after{
  content: " ";
}

Expected behavior

This should be rejected / failed.

Screenshots

image

System

  • Device: PC
  • OS: Windows 10
  • Browser: Brave
  • Version: Latest

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:6 (6 by maintainers)

github_iconTop GitHub Comments

2reactions
moT01commented, Dec 7, 2022

So you could probably just get rid of the single quotes in the regex. e.g. ^ "$

1reaction
moT01commented, Dec 7, 2022

The content selector is including the quotes and comes back as something like " " (for the example in the description anyway - the passing code would be something like ' "')? If that’s the case, I think something like this would work: ^' "'$

Read more comments on GitHub >

github_iconTop Results From Across the Web

Learn CSS Grid by Building a Magazine - Step 64
Learn CSS Grid by Building a Magazine - Step 64 · Tell us what's happening: · Your code so far · Your browser...
Read more >
hoodaddeveloper/Magazine: Learning CSS Grid by ... - GitHub
Learning CSS Grid by building a Magazine in www.freecodecamp.org - GitHub - hoodaddeveloper/Magazine: Learning CSS Grid by building a Magazine in ...
Read more >
Learn CSS Grid by Building a Magazine | PLAYCODE
Learn CSS Grid by Building a Magazine. Step 1 · Step 2 · Step 3. PRO. Step 4. PRO. Step 5. PRO. Step...
Read more >
CSS Grid Explained: Your Step-by-Step Guide to CSS Grid
CSS Grid is different and better. CSS Grid allows you to create a grid-based layout system, using columns and rows. You don't have...
Read more >
Grids - Learn web development | MDN
CSS Grid Layout is a two-dimensional layout system for the web. It lets you lay content out in rows and columns. It has...
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