Skip to content
Submitted over 3 years ago

Single-Price-Grid /w CSS Grid, Flexbox

Yuko Horita•645
@Sloth247
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 felt comfortable to build this layout in short hours, now I want to try bigger project. Any feedbacks are welcome!

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted over 3 years ago

    👋Hi Sloth247!

    It's great 👍 if you're already comfortable with the workflow but on bigger project like landing page, take as much time as you need and avoid writing dirty code 😉.

    You only need to set the Karla font family once on the body you don't need to repeat it at any elements.

    Try to give margin on the li to make them separate a little bit.

    That's it! Overall everything is good even on landscape mobile view! 🙌

    Marked as helpful
    0
    Yuko Horita•645
    @Sloth247Posted over 3 years ago

    @vanzasetia Thank you very much, I will take your advice. 😊

    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