Design comparison
Community feedback
- @tatasadiPosted about 2 months ago
Great job on completing the challenge! You've put in solid work here. I have a couple of suggestions to improve responsiveness and flexibility:
-
Instead of using
h-[100vh]
, it's better to usemin-h-screen
. This ensures that your layout adapts better on smaller screens, especially when the content overflows vertically (e.g., on mobile devices with dynamic toolbars). -
Avoid setting fixed width and height like
w-[400px]
andh-[620px]
for your main container. Fixed sizes can cause layout issues on different screen sizes and resolutions. Instead, use responsive units like percentages (w-full
,h-auto
) ormax-width
to allow your layout to adjust gracefully.
Keep up the great work, and these tweaks will make your solution even more polished!
1 -
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