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 Mobile first.

@zineb-Bou

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 there, I just finished this challenge any feedbacks are welcomed thank you.

Community feedback

@muhammadshajjar

Posted

Hey, Great job on finishing the project! The layout looks decent, HTML and CSS are structured very well, some suggestions that would help to improve your solution more

-Try to add max-width to a body or make a container class that wraps your all content, by adding it you can control your content from growing too much on larger viewports

  • Better to use blockquotes for testimonial quotes text instead of writing it directly in div
  • Font-size of top-section is a little bit off that make your solution off from design
  • Form validation and active states are missing, reffer to design/active-states.jpg
  • You can validate your form with pure CSS here is the link to CSS tricks
  • Footer get stuck with window at the bottom add some padding-bottom to it

Apart from this very well done, 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