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

Responsive fylo landing page using HTML, CSS Grid and Flexbox

@Ryusuke66

Desktop design screenshot for the Fylo landing page with two column layout coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Any feedback is appreciated.

Community feedback

T
Chamu 13,110

@ChamuMutezva

Posted

  • For a list , use a list
<div class="list">
        <a href="#">Features</a>
        <a href="#">Team</a>
        <a href="#">Sign In</a>
      </div>
  • input elements should have a label <input type="email" name="email" placeholder="Enter your email...">
  • if the image is decorative ,use an alt="". for eg <img src="images/icon-email.svg" alt="email"> . alt values should be descriptive to aid assistive tech users to visualize the message that is being put across.

Marked as helpful

1

@Ryusuke66

Posted

@ChamuMutezva i was going to change it to <ul> list and forgot, thanks for reminding me.

0
Hafizan Adli 1,190

@hafizanadli

Posted

What a great work!

Almost similar to design and responsive in every screen.

Keep up the great work!

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