Design comparison
Solution retrospective
Which are the most effective CSS properties for responsiveness and how should I be using min-width/max-width and height properties.
Community feedback
- @mkborisPosted 4 months ago
Great job on completing this challenge, Flexbox and Grid are effective for responsive layouts which you already applied to your solution, also using media queries for applying styles based on screen size. min/max width should be used to ensure elements scale within specified limits and should not be set using fixed units. You will rarely need to set heights as you should let the element's content and padding determine it's size.
Some suggestions for your solution
- All content should be wrapped within landmarks. Wrap a
main
tag around your card. - Your card's max-width should be in rem
- Font-size should be written in rem.
Marked as helpful0 - All content should be wrapped within landmarks. Wrap a
- @Tiwari0808Posted 4 months ago
With basic knowledge of Html and css,solution is easy.
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