Skip to content
Submitted over 3 years ago

Responsive solution using Flexbox, Grid and Media Queries

Thiago Souza•80
@thiagorasouza
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Single price grid component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Please provide feedback on:

  • CSS classes naming and selectors nesting (example: ".sp-component .pricing .price .frequency { ... }")
  • Are there any popular class naming conventions I could follow?
  • When should I nest selectors to apply CSS rules?

Thanks in advance!

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