Skip to content
Submitted 7 months ago

Four cards feature using CSS Grid

P
Jeronimo Palacios•300
@giropa832
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

Using a mobile first approach helped find my way into a more smooth code and page structure

What challenges did you encounter, and how did you overcome them?

The main challenge was using CSS Grid to split the layout in thirds and having the first and the last occupy two rows. As soon as I found the row: 1 / span 2, it was solved.

What specific areas of your project would you like help with?

Is CSS Grid the right approach here?

Can it be done with Flex?

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Asilcan Toper•2,960
    @KapteynUniverse

    Hey Jeronimo,

    Yes, it can be done with flex. Yes, grid is right approach but that doesn't mean flex is wrong. Whatever suits you. It can be done probably with absolute/relative positioning too but that will be overwork.

    Marked as helpful
  • WajahatAli130•90
    @WajahatAli130

    Code link not working

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