Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

landing page with two column layout master using css flex box

@SeyideHundeyin

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


feedback is much appreciated!

Community feedback

@jomefavourite

Posted

Nice solution but I noticed you used padding: 60px to surround each section.

The only problem with this is that on a bigger screen it fails, I mean the layout looks weird. So I'll suggest using something like this:

.container {
  width: 90%;
  max-width: 1440px;
  margin: 0 auto;
}

Using those properties will ensure the width is always 90% until it gets to the max-width

0

@SeyideHundeyin

Posted

@jomefavourite Thanks man!

0

@jomefavourite

Posted

You're welcome @SeyideHundeyin

0

Please log in to post a comment

Log in with GitHub
Discord logo

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