Design comparison
SolutionDesign
Community feedback
- @correlucasPosted about 2 years ago
๐พHi again Thidar, Congratulations on completing this challenge!
Hereโs some tips to improve your component design:
Reduce the opacity of the shadow to make it smoother, see the shadow fixed here:
box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 0%) 0px 6px 6px;
To make the proper alignment and make the content gets aligned vertically use
min-height
instead ofmax-height
:body { min-height: 100vh; font-family: 'Poppins', sans-serif; font-size: 15px; display: flex; flex-direction: column; align-items: center; background-color: hsl(0, 0%, 98%); color: hsl(234, 12%, 34%); justify-content: center; }
โ๏ธ I hope this helps you and happy coding!
Marked as helpful0
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