Skip to content
Submitted over 3 years ago

Single price grid component using scss, css grid and flexbox

Farid Fawwaz Rakha Wibowo•285
@Rakha112
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

Hey this my first time using css grid, i have a question, what is the difference between css grid and flexbox ? and which one is easier ? Thanks :)

Community feedback

  • soransh singh•1,025
    @soransh-singhPosted over 3 years ago

    Flexbox is one dimensional layout system while grid is a two dimensional system

    Flexbox is a content first while grid is layout first

    In practical when you have to put things in one line(wheater in horizontal and vertical ) use flexbox like in mobile navigation layout ... When you have to put content in more than one line like the solution section of frontend mentor using Grid is more useful

    0
    Farid Fawwaz Rakha Wibowo•285
    @Rakha112Posted over 3 years ago

    Hay @soransh-singh Thankyou for your explanation, I understand the difference betwewn css grid and flexbox better now, appreciated it. Thanks :)

    0
    soransh singh•1,025
    @soransh-singhPosted over 3 years ago

    @Rakha112 glad you find it helpful.

    0
    Farid Fawwaz Rakha Wibowo•285
    @Rakha112Posted over 3 years ago

    @soransh-singh yes it's very helpful, Thanks again :)

    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