Responsive CSS grid

Solution retrospective
How do you write and structure HTML and CSS code more efficient.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @denielden
Hi Toni, good job :)
Try using Flexbox for center card on the page: give the flexbox and
height
properties to thebody
and removemargin
from.grid-container
class.Read here -> Flexbox
Note: Flexbox aligns to the size of the parent container. You can use the
vh
measurement for the height... Viewport Height handles the sizing of an element in relation to the height of the browser window.In the end, to make it look as close to the design as possible, use the font provided for the challenge: here's a guide on how to import fonts -> Import font
I hope that helps ;)
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