Responsive landing page with Grid and Flex

Please log in to post a comment
Log in with GitHubCommunity feedback
- @Dpolley99
Hello. This is a great solution. I just have one suggestion to place the container at the centre. Instead of
margin-block: 5rem;
in the body, I would do this:min-height: 100vh
display: grid;
place-items: center;
This would convert the body into a grid and place the testimonials grid container exactly at the centre of the screen instead of putting a fixed margin at the top. The fixed margin might work for the deivce in which you are building it, but this method ensures compatibility in all devices.
Other than that, everything else looks spot on.
Do try this and mark this comment helpful if it works for you. Cheers!
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