
Design comparison
SolutionDesign
Community feedback
- @Timex29Posted 1 day ago
Hey there!👋😊. Good job for completing this challenge.
But I have some short suggestions that might be of interest to you.
- Consider this doc, which might give you a responsive layout web.dev
- Missing a modern CSS reset. Add a reset file to remove browser inconsistencies. Consider using Andy Bell’s or Josh Comeau’s,
and also try this on your style.css might give you something different;
*::before, *::after { box-sizing: border-box; font-weight: normal; } body { padding: 0; margin: 0; display: grid; place-items: center; min-height: 100vh; line-height: 1.5; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img, video, iframe{ max-inline-size: 100%; block-size: auto; aspect-ratio: 2/1; object-fit: cover; object-position: top center; }
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