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 with html and css

proabreβ€’ 190

@proabre

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


Hey guys! any feedback is acceptable because there may be something that I missed but is visible for u guys so let me have your comment and have an update...I will be thankful for your feedbacks ...so please drop your comment here...

Community feedback

Christianβ€’ 970

@FLCHRIS

Posted

Hi there! Congrats on completing this challenge!! πŸ₯³πŸ₯³πŸŽŠ

Here some tips to improve your solution. πŸ’―

HTML: 🧱

Your main content should be contained within the main tag. and so put all the sections inside it.

Your forms should be inside the form tag, not the div tag. and it's not the a tag it's the button or input:submit tag.

You cannot use the h1 tag more than once. You must remember that it is only used once, and continue successively with h2, h3, h4, h5, h6, and not skip header levels.

Social media links have no text available. You can add the aria-label='your text' attribute to fix that problem.

Change the div tag with the header-link class to the nav tag.

I suggest you do some research on HTML5.

CSS: 🎨

Your reset is good, but you can improve it by using some popular resets like the following πŸš€:

I hope I've helped you

Happy coding! ✌️

Marked as helpful

1

proabreβ€’ 190

@proabre

Posted

@FLCHRIS thanks a lot man .... your feedback is goanna help me a lot thanks again!

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