Submitted 10 months ago

Four Card responsive layout using CSS Grid

Paweł Świercz• 80

@Pawel-Swiercz02

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Using grid, the four card layout changes according to screen size: 3 columns for wide screens; 2 columns for medium-sized screens; 1 column for mobile/small screens;

Community feedback

Please log in to post a comment

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