Skip to content
Submitted over 3 years ago

Fylo landing page(Dark themed) Using HTML | CSS

Muralidhar•190
@Muralidhar22
A solution to the Fylo dark theme landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hey guys,

Can anyone please suggest:

  1. how to set "bg curvy" background for mobile view?
  2. In the Stay productive section how to change the color of the link and icon
Code

Please log in to post a comment

Log in

Community feedback

  • Rio Cantre•9,650
    @RioCantre

    Hello there! Great work with this one. Regarding the solution you submitted, I think you should also take notes of the following…

    • Lower the opacity for the hover state in the a.fylo_motto-action-item rule set
    • Adjust the padding into padding: 2em; in .testimonial rule set
    • In the .testimonials rule set, set the padding from padding: 2em 0 0 0; into padding: 3rem;
    • Add the color hove state for the links in the footer
    • Alternative is to wrap this line <div class="intro"> with header tag
    • Clean the whitespaces in the code

    Above all, The design looks good. Keep it up!

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