Had some trouble with getting the right sizing in the desktop layout. Feel like the size of the cards are a bit too wide relative to the paragraph below the main heading.
As a whole it feels like it's too large, but that maybe due to my laptop having a small screen.
Any advice for sizing the desktop layout is appreciated.
@samritbasnet
Posted
overall it looks good.for me i did this way @media (max-width: 1140px) { .card-container { grid-template-columns: 1fr; }
.card:nth-child(n) { grid-column: 1; grid-row: auto; } }.And for card container property .card-container { display: grid; grid-template-columns: repeat(3, 10fr); gap: 20px; margin-top: 60px; }
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
