Learn CSS Grid by Building a Magazine - Step 26

HTML-CSS
1

Tell us what’s happening:

hello to anyone who will read this.

may you please explain the ::before and ::after pseudo-selectors and
how they are used to target elements

and how they are used and show me what i did wrong in my code

Your code so far

<!-- file: index.html -->


/* file: styles.css */
/* User Editable Region */

*{
  padding:0;
  margin:0;
  box-sizing:boder-box;
}

/* User Editable Region */

Your browser information:

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

Challenge Information:

Learn CSS Grid by Building a Magazine - Step 26

1 Like
2

typo: boder-box;

missing one letter

1 Like
3

Hi there,

There is a good article about ::before and ::after pseudo-selectors on freeCodeCamp you can take a look:

About your code, you should also add ::before and ::after in your selectors.

1 Like
4

Hello @banelechakuma !

I think this is an excellent question that with the great responses above will be able to assist many learners who have the same question.

Thank you for posting it.

Happy coding!

1 Like