Submitted
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;
@Pawel-Swiercz02
Submitted
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;
Submitted
Submitted
Submitted
Submitted
It was a bit tricky to get the grid-container to be centered, but I finally resolved it by giving my <main> a flex display and a min-height of 100dvh. (Thanks to the advice from my previous project from Raphael Bröderbauer :D ) Then on smaller screens I just added a bit of a margin on both top and bottom for better looks.
Submitted