Skip to content
Submitted over 3 years ago

CSS GRID, repeat() function, auto-fit and maxmin parameters,

Luiggy Macias•250
@macluiggy
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

I used css grid, this is the first time i used css grid in a project, so if you know a better way to make the same project I'll appreciate any feedback...

Community feedback

  • Rayane•1,935
    @RayaneBengaouiPosted over 3 years ago

    Hello Luiggy Macias,

    Congrats for completing the challenge ! 🙂

    For this project using display: flex rather than display: grid might be easier. Because you have a container with 3 cards that are horizontally aligned and then, for the mobile view, they are vertically aligned. So by modifying the property flex-direction: row to flex-direction: column you can easily swap from one way to another.

    Overall, well done for the challenge and happy coding ! 😃

    0
    Luiggy Macias•250
    @macluiggyPosted over 3 years ago

    @RayaneBengaoui Thnak you for your feedback Rayan, i 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