Skip to content
Submitted almost 3 years ago

Responsive 3-component page using CSS Grid

Gene•40
@iamgenechua
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

  • When should I use Flexbox over CSS Grid and vice versa?
  • My components look smaller than the given design, how do i ensure that my designs are the same size?

Community feedback

  • Aakash Verma•6,710
    @skyv26Posted almost 3 years ago

    Hi! Gene, I have tips for your questions

    1. Use flexbox, if you are good at it in using, specially in my opinion, if you want to work on One dimensional layout OR for small UI design then go for flexbox.

    2. Use grid, like in Advance level projects, blogs like webpage etc.

    I think using pseudo elements is best way to color your cards.

    Good Luck

    Marked as helpful
    0
  • Christian Holm•500
    @MadmandenPosted almost 3 years ago

    Hi Gene, the mobile version looks great on my phone.

    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