Skip to content
Submitted about 3 years ago

SINGLE PRICE COMPONENT SOLVED WITH HTML AND CSS

iamcerebrocerberus•290
@iamcerebrocerberus
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

With this project i was just trying out the OOCSS(Object Oriented CSS) concept by Nicole Sullivan. That is keeping every thing in a DRY (Dont Repeat Yourself) state. So in this project your will see common classes like bg-cyan (background-cyan), cl-white (color-white), marg-bot-16 (margin-bottom 16px), padd-1 (padding 1) etc.

Just learning to keep my stylesheets clean and dry :-)

How can i make this better? If there is any better way, please share

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