Skip to content
Submitted over 4 years ago

Responsive mobile first landing page with CSS Grid and Flexbox

Ibtisam Tanveer Khan•160
@itkhanz
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo dark theme landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi, I attempted this challenge using mobile first approach and designed it using CSS Grid and Flexbox. Please feel free to checkout the design, and I would be happy to receive your feedback. Thanks.

Community feedback

  • Ovidiu-Antonio•3,125
    @ovidiuantonioPosted over 4 years ago

    Hello, nice solution, I love it! One thing you can add it's more padding at the top, to give the nav bar more "breathing space". That's all, nice job!

    Happy coding! Keep going!

    0
    Ibtisam Tanveer Khan•160
    @itkhanzPosted over 4 years ago

    Thanks, it definitely needs more breathing space, I am gonna add it.

    0
  • Lailton Batista•690
    @lailton-bPosted over 4 years ago

    Hey, Ibtisam!

    You did a great job, congratulations!

    Just a tip: put the title "Stay productive, wherever you are" aligned to the left and it will be perfect!

    0
    Ibtisam Tanveer Khan•160
    @itkhanzPosted over 4 years ago

    @lailton-b Thanks, I will do that for sure.

    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