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 with HTML and CSS

PJ Mantoss 235

@PJMantoss

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


Hi fellow devs! Kindly Check out my solution and offer corrections where needed. Thank you

Community feedback

PJ Mantoss 235

@PJMantoss

Posted

Thank you very much for your observations. I'll work on them ASAP! Thank you

0
P
Matt Studdert 13,611

@mattstuddert

Posted

Nice work on this challenge, PJ! You've done a really good job. You can see from the design comparison that it's just small spacing and sizing tweaks that would be needed to get it looking exactly like the design.

Quick heads up that you're only setting box-sizing: border-box; on the html element. So all other elements will be using the W3C definition of the box model and adding padding and border values onto the width of the whole element. You could add *{ box-sizing: inherit; to update this.

Also, the footer content gets a little squashed at tablet size, so that could do with a little review. Keep up the great work!

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