Submitted over 2 years ago

Responsive landing page primarily employing flexbox

Jeff Lang• 280

@jefflangtech

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Intro section with dropdown navigation

HTML
CSS
JS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

Creating an order or routine for establishing changes based on media queries was a stumbling point. Any guidelines for best practices for setting CSS with media queries?

iOS for iPhone in landscape mode thinks body height is the physical screen dimensions. Best practices for layouts in phone landscape? My inclination (I have not yet followed through on this) is to create a media query and CSS rule-set for phones in landscape mode, specifically to fit the screen without needing to scroll

Community feedback

AditNovadianto• 1,040

@AditNovadianto

Posted over 2 years ago

good job, you did this project so good and i got more inspiration from this project!!!

keep it up and happy coding☕

Jeff Lang• 280

@jefflangtech

Posted over 2 years ago

@AditNovadianto Awesome I'm glad I could be some inspiration. Happy coding to you too!

Please log in to post a comment

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