Skip to content
Submitted over 2 years ago

Responsive landing page using CSS Grid

Anietie Akpanumoh•30
@Tukooldegreat
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  1. I had difficulty using CSS flexbox to style and opted for the Grid. Do you think I would have achieved this much easier with CSS flexbox? I love flexbox by the way but couldn't just figure it out on this project.

  2. I struggled with using SASS and opted for Vanilla CSS.

  3. What's the best practice in styling your web pages using CSS?

Community feedback

  • Chris•240
    @ChristopherParkePosted over 2 years ago

    Grid is definitely the right choice for this one imo. Getting the vertical spacing with flexbox can be difficult. Any container that requires different vertical spacing for the children, I tend to choose grid. It just behaves so much simpler.

    We used to prefer flexbox over grid because of browser compatibility. But by now grid has been adopted by all major browsers. So grid is more and more the best choice.

    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