Skip to content
Submitted over 2 years ago

Simple price grid

Vittorio De Lucia•220
@VittorioDL
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

I appreciate any suggestion to improve my code! Feel free to tell me what I could have done better. I consolidated my grid knowledge and made good use of classes.

Community feedback

  • Suraj Raju Hadage•670
    @SurajHadagePosted over 2 years ago

    Since this design is the only thing on webpage, you have tell the browser that is the main :

    • Whenever designing a single component design like this always make in a <main> tag.
    • Only three <section> tags for three sections of the design.
    • In first <section> tag <h1> <h2> & <p> tag will reduce HTML.
    • In 2nd <section> tag <h3>, Then <div> & in side the <div> two <span> tags. Followed by <p> & <button> tag.
    • In 3rd <section> element <h3> & <ul> will reduce much HTML code.
    0

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