
Includes tools like CSS Flexbox, mobile-first design, and accessible.
Design comparison
Solution retrospective
Successfully centering the content perfectly on the screen using Flexbox and achieving a clean, responsive design. I’d experiment with Tailwind CSS or a modular CSS architecture (like BEM) for more complex projects.
What challenges did you encounter, and how did you overcome them?Vertically aligning the content and avoiding overflows. d min-height: 100vh to ensure the content always occupies the full screen regardless of resolution
What specific areas of your project would you like help with?Validating if the use of relative measurements (like percentages and vh) is the best practice for this type of challenge. Feedback on how to better handle whitespace (padding) on larger devices to improve the scalable design.
Community feedback
- P@Bobstyle23Posted 3 months ago
Hey, it could be better if you add some padding around your text container and fix the width of your overall container. Hope it helps
Marked as helpful0
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