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

Flyo Landing page using pure CSS and Grid

@Suraj1333

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


Any feedback would be helpful!

Community feedback

@MojtabaMosavi

Posted

Good job on the desktop view but there's a litte bit work to be done on the mobile view and fixing the following would make you solution even better.

  1. In you haver you should use a <nav> element because it's more sematic than a div.

  2. Turn the div withe the id nav to an unordered list and make each child a link inside a <li> tag. center the unordered list vertically with logo using flexbox.

  3. Below 980px the footer looks a bit messy and I suggest you add a litte bit of styling.

Happy coding :)

1

@Suraj1333

Posted

@MojtabaMosavi Thanks for the feedback !

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