Submitted 12 months ago

Responsive Four Card Section

Majdi Neji•140

@majdi-neji

A solution to the Four card feature section challenge

Preview Code

Solution retrospective

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

i am proud of using css grid with flexbox to customize the layout and make it responsive

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

this layout was a bit tricky when you switch between the viewports since the column in the middle has two cards so when you switch to a 2x2 grid it does not fit correctly so i had to make two different grids displaying each one for it's right viewport!

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Majdi Neji's solution.

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