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 Landing Page

wenadev 425

@wenadev

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


Would appreciate the feedback :))

Community feedback

P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

Hi there, wenadev! 👋

It's great to see you completing so many challenges! 😃 Well done on this one! 👍

A few things I'd like to suggest are,

  • Placing the error message on the form in the hero section of the page underneath the input element so that it doesn't get in between the input element and the submit button.
  • Turning the "See how Fylo works" link into an actual link using the anchor tag.
  • Applying the font-family from the original design to the navigation links in the footer of the page.
  • I think you can get rid of those errors on your solution report by adding a <title> tag to the inside of your inline SVGs (e.g., <svg><title>Facebook icon</title>... </svg>).

As always, keep coding (and happy coding, too)! 😁

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