Design comparison
Solution retrospective
Any feedbacks are welcome.!
Happy Coding!🫡
Community feedback
- @AkoToSiJeromeEhPosted 6 months ago
Hey ! Great work out there i just notice that you are using margin-inline and margin-block in order to center Testimonials grid section but does not work , i suggest that you can use display : grid or display : flex and there related properties in order to center the element. that's all happy coding !!
you can see the difference when you inspect and zoom-in and zoom-out , notice that the testimonial section will behave on its position by adding those properties in main-container.
@media (min-width: 800px) { .grid-container { grid-template-columns: repeat(4, 1fr); margin-inline: auto; // remove this margin-block: 20rem; // remove this } }
.main-container { display: grid; // add this place-items: center; // add this min-height: 100vh; // add this }
Marked as helpful0@yagnik0Posted 6 months ago@AkoToSiJeromeEh Thanks for the suggestions bro soon I'll make the changes and do it better.😌
0
Please log in to post a comment
Log in with GitHubJoin 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