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-master

@ky302

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


hello everyone this is my 7th project i made, if you have any suggestion about this project to make it look better please let me know.. thanks

Community feedback

@VCarames

Posted

Congrats @ky302 on completing this challenge!

Looks good!

In your header in of using a div for the <div class="header-sec"> you can instead use a <section> element.

You also want to use an <h1> for the "A history of everything you copy" instead of an <h2>. When building landing page, like this one, you always start with <h1> in your hero section.

For the background image in your header, add the following to your <header> element:

header {
    background-position: center;
    background-size: cover;
}

Happy Coding!

Marked as helpful

0

@ky302

Posted

@vcarames thanks brother for the very helpful advice, I will try it soon.

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