Design comparison
SolutionDesign
Community feedback
- @hichamweblogPosted 9 months ago
Great work on solving this challenge! However, here are some tips to enhance it:
- Ensure your project is responsive, especially in landscape mode.
- Instead of using fixed height, consider using
min-height
. - Utilize
rem
instead ofpx
for better scalability. - Incorporate the
box-sizing: border-box
; rule in your reset to ensure consistent box model behavior. - Ensure heading tags are used in sequential order; avoid placing
h4
beforeh1
. - Utilize Flexbox to easily center the card instead of using positioning. Here's a suggestion:
display: flex; align-items: center; justify-content: center;
Keep up the good work!
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