Learn CSS Grid by Building a Magazine - Step 58

HTML-CSS
1

Tell us what’s happening:
I keep getting the same hint - that my selector isn’t accurate. The selector they are asking for is the one I have. I’ve even just copied and pasted it and it didn’t work. ANy help would be appreciated

Your code so far
``.first-paragraph::first-letter {
font-size: 6rem;
color: orangered;
}


**Your browser information:**

User Agent is: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/115.0.0.0 Safari/537.36</code>

**Challenge:** Learn CSS Grid by Building a Magazine - Step 58

**Link to the challenge:**
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-css-grid-by-building-a-magazine/step-58
2

You have a double colon.

3

Hello - that is how they are telling me to put it in there. The double-colon is to show a pseudo-selector I think. I’m not sure how to screenshot here . Thank you though! I appreciate you responding

4

*``*is this part of your code or did it get formatted?

5

That got formatted. It’s required for the coding to show up here I think

6

Here is the step instructions - maybe I’m just missing something. I’m so sorry -

Step 58

The ::first-letter pseudo-selector allows you to target the first letter in the text content of an element.

Create a .first-paragraph::first-letter selector and set the font-size property to 6rem. Also give it a color property set to orangered to make it stand out.

7

Oh. So I’m sorry then but I cant help you solve this issue as I have copied and pasted your code but no error accord to me so I don’t know what’s wrong with your code. good luck in solving this issue…

1 Like
8

Thank you!! I do appreciate you trying to help :slight_smile:

9

If you are still having issues, I suggest the following:

  • Reset step
  • Refresh page (F5)
  • Some browser extensions, such as ad-blockers and dark mode extensions can interfere with the tests.
  • If you are having problems, recommendation is to disable extensions that modify the content or layout of pages, while taking the course.
    • Try a different browser.