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

fylo-dark-theme-landing-page

@wonuola-y

Desktop design screenshot for the Fylo dark theme landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


As always, your feed back is highly required, thanks.

Community feedback

Fury 945

@ashiqfury

Posted

Great work. But there is a lot of things to change..

Some issues to fix:

  • Your header not render properly.

  • In mobile view, hamburger menu is not display.

  • Use display: flex in ul tag instead of nav in header. It will fix the header issue.

  • Add padding in header tag.

  • Add width: 70% in .first-wrapper and make the elements center by using margin: 0 auto

  • Remove width in .test, .test-2, .test-3 and add margin: 0 20px in .test-2

  • Instead of using three classes for test element, use a common class like test.

I think it will help you. Thanks.

Marked as helpful

0

@wonuola-y

Posted

@ashiqfury thanks

0
Atul Yadav 135

@titancode25

Posted

Your navbar isn't looking in proper way, Hope you fix it soon!

Marked as helpful

0

@arkharman12

Posted

The header and the three cards are not displaying correctly. You might want to look into that!

Marked as helpful

0

@oliveiring

Posted

There're some stuff on your code that needs fix it, Nevertheless is way hard to do something because there's no comment.

Marked as helpful

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