Skip to content
Submitted over 4 years ago

Huddle landing page using CSS Grid and BEM

Bryan Daniswara•200
@bryandaniswara
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

In this project, I've implemented CSS Grid and BEM that I learned while doing this project. CSS grid very simple to use for 2-dimension layouting instead of flexbox which is best for 1 dimensional. Also, I've implemented BEM naming convention "class" for cleaner structure both HTML and CSS.

Any feedback? 😊

Community feedback

  • Roman Filenko•3,335
    @rfilenkoPosted over 4 years ago

    Hey Bryan, nice work, with grid you can also define gaps between items, pretty usefull and adding additional left ans right column like minmax (1rem, 1fr) - with that you can skip defining max-width on grid-container😉.

    Cheers, Roman

    0
    Bryan Daniswara•200
    @bryandaniswaraPosted over 4 years ago

    @rfilenko thanks for the feedback, i'll dive deep more on css grid 👌

    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