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 full responsive using HTML, CSS and JS

@FerdinandoGeografo

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


My process broke down into:

  1. Identify specific sections by analyzing the interface design (header, hero, features, ecc...)

  2. Focus on writing the HTML content for each section while respecting the semantics of the contents

  3. Style each section with CSS

  4. Additional features such as smooth scrolling and email checking feedback on submit

  5. Media Queries and extra

Is there any point where I could improve? Do you have more detailed workflows to share? Any response is greatly appreciated ;)

Community feedback

@matiasluduena23

Posted

Hi Ferdinando! Nice work! It looks great. Just one thiny thing, your font-weight on hover make your widht jump, this article might help you.

Good code!

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