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

Landing page made with HTML, SCSS, and a little bit of JavaScript

@liquidwater0

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

Community feedback

Ahmed Bayoumi 6,740

@Bayoumi-dev

Posted

Hey! It looks great!... Here are some suggestions:

  • Document should have one main landmark, Contain the main content with <main>.
<main>
   <section class="call-to-action flex">
      //...
   </section class="about">

   <section class="stay-productive">
      //...
   </section>

   <section class="testimonials">
      //...
   </section>

   <section class="get-early-access">
      //...
   </section>
</main>
  • Heading levels should only increase by one, Make sure you are using the headings in order... Ordered headings make it easier to navigate and understand when using assistive technologies.

Hope this help!

Your code is so clean... Keep coding👍

Marked as helpful

0

@liquidwater0

Posted

@Bayoumi-dev I went and fixed all of it. No more HTML issues or validation errors.

0
Nevin Raju 270

@newwohh

Posted

hi its a nice code!

are u a developer?, can you tell me how much time you took for this challenge?

0

@liquidwater0

Posted

@newwohh I'm not a professional developer. Like I don't have a real job for this or anything. I just do this stuff for fun as of right now. I can't tell you exactly how long it took, but I think about 2 days? I could have done it in about 8 hours, but I started working on it a bit late in the day.

1

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