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 Clipboard landing page using Grids and Flexbox!

#accessibility
Sxnty• 60

@Sxnty

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi! feedback welcome!

Community feedback

Reuben👾• 560

@Rubylenshy

Posted

Hi @Sxnty 👋, congratulations on completing this challenge, you did a nice job

I have some suggestions to improve your html validations:

  • Wrap your <section class='hero'></section> in a <main></main> tag to avoid the landmark validation error on the report, it actually helps the browser identify it's content as the main contents of the page
  • Add a title attribute to your class="footer-socials", like this <a href="" title="Facebook">...</a>
  • And in your markup, according to html markup rules a section tag must start with the first level of heading - h1, and if you don't want that simply use a div - it won't hurt nobody, and it's help improve the cleanliness on your code.

Great Work @Sxnty

Marked as helpful

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