Skip to content
Submitted almost 5 years ago

Simplest solution I could come up with using flexbox and sass

Emīls Soldatovs•405
@KepKepgithub
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

the desktop examples/templates being 1440p makes it a bit annoying to re-size and readjust every little detail to make it look closer to the challenge an option for 1080p download would be neat or some sort of way to downsize everything to the desired size would be cool too

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted over 4 years ago

    Nice work, Emils! 1440px is the most commonly used width for desktop designs, so that's why they're used. The new premium challenges will also offer a tablet design at 768px to offer a clearer view of how layouts should be scaled with screen size.

    Keep up the great work!

    0

Please log in to post a comment

Log in with GitHub

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