Submitted over 1 year agoA solution to the Base Apparel coming soon page challenge
Base Apparel Coming Soon Page using Next.js and Tailwind
next, tailwind-css
@deedeedev
Solution retrospective
On larger devices I just hid the smaller hero image and displayed the larger desktop version. Is this the best approach?
I'm always unsure about image dimensions: in general what css rules should I use on them? For example here on the larger hero image I applied a min-height: 100dvh and width: auto. Is it ok?
I was trying to understand how to use the sizes attribute in this specific design, in order to optimize image loading on the hero image, but I'm a little bit confused. Is it always useful to specify it?
Code
Couldn’t fetch repository
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Davide's solution.
Join 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