Design comparison
SolutionDesign
Community feedback
- @AkoToSiJeromeEhPosted 6 months ago
Hey ! Great work out there i just notice that the testimonial component is not vertically align on middle , in order to align it you can use display properties like flex or grid that i see you used with properties like ** place-content** and height by applying it on the body* the component will be vertically align same as the original design has. that's all happy coding !!
you can see the difference when you inspect and zoom-out
body { background-color: var(--Light-grayish-blue); padding: 2rem; font-family: var(--Font-family-barlow); min-height: 100vh; // add this display: grid; // add this place-content: center; // add this }
Marked as helpful1@MarlonMontenegroPosted 6 months ago@AkoToSiJeromeEhHi! Thank you so much. I still have some trouble centering elements, so this is a great help. Happy coding!
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