Skip to content
Submitted over 2 years ago

flex-box and grid

justitice•30
@justicechidozie2988
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

the most difficult place for me on this challenge was grid. how do i get good on using flex-box and grid. I need feedback on this challenge, how i can apply best practice on my codes.

Community feedback

  • Bryan Sanchez•590
    @0-BSCodePosted over 2 years ago

    Nice work! With regards to your query, I'd highly recommend reading up on CSS Trick's articles on grid and flexbox. I usually find myself going back to these sites whenever I find myself forgetting how to use them (which is a lot🤣).

    To get better at using them, I'd suggest doing more challenges that focus more on layout such as the Four Card Feature Section or the Testimonial Grid Section. These are really good for testing your layout skills.

    Looking at your code, a good practice I'd recommend you get into is using Bem CSS, which is a naming convention that helps organize your CSS. I use this personally in my challenges and it's a simple guideline that goes a long way!

    Keep it up! Cheers🎉

    Marked as helpful
    1
    justitice•30
    @justicechidozie2988Posted over 2 years ago

    @0-BSCode thanks so much, I really appreciate

    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