Skip to content
Submitted over 3 years ago

HTML, SCSS and Flexbox. Practice using the ">" selector and :nth-child

Kris Pietrzak•340
@krisp-dev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Looking for any feedback on how to improve my code!

Tried practicing using different CSS grouping selectors, in this challenge I used the direct children selector ( > ) to give each card padding, and then the :nth-child() to give each card their respective background color.

Community feedback

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord