Design comparison
SolutionDesign
Community feedback
- @kimodev1990Posted 11 months ago
- It's better in the future to avoid giving your design sizes definite values such as your div with class .page
width: 1440px
, It's better to give percentage values to make your design responsive with viewport dimensions. For example, you could assign class .card width: 50%; as you like it to be, So the width of your card will be 50% in relative to body width. This helps your design to be flexible growing and shrinking. - Adding up to the previous point, If you need to assign definite values, you could check on and use clamp ( ) method ( font-size, width, margins, paddings, etc. ) ,so your design sizes will change according to the viewport dimensions and will be suitable for any device layout.
Hope you find this Useful & Helpful.
Other than that, Nice work & keep Going on.
Marked as helpful0 - It's better in the future to avoid giving your design sizes definite values such as your div with class .page
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