Responsive web page with single card using HTML and CSS only
Design comparison
Solution retrospective
I didn't use a @media query since I consider it is not necessary, and my final solution adapted well for the resolutions requested. Something I'm missing here in this challenge?
Community feedback
- @MelvinAguilarPosted about 1 year ago
Hello there 👋. Good job on completing the challenge !
Your implementation is already impressive, making good use of CSS custom properties and dynamic viewport units. One small thing you might consider is including a fallback for the height specified in
vh
units to ensure compatibility with older browsers. You can also remove the "width: 100vw" from the body since, by default, it already spans the full width of the screen.Above all, the solution you submitted is great!
Happy coding!
Marked as helpful1
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