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

Website using Html and Css

@yacin-wq

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


whats good

Community feedback

P
Chamu• 12,970

@ChamuMutezva

Posted

  • make your site responsive from mobile to the largest size. Do not concentrate on the given design sizes only. Let them be a guide.
  • check on mdn about responsive images . The method below is not best practice
 <div class="image-header">
        <img src="bg-header-mobile.png" alt="" class="image-mobl">
        <img src="bg-header-desktop.png" alt="" class="image-desc">
        <img src="logo.svg" alt="" class="logo">
      </div>
  • it is recommended to have only one h1 element tag in a page, having more than one does not cause errors but is considered bad practice. Your headings should ascend in order without skipping headings.
  • i see you have headings(h1, h4) that are children of a p element. I am basing on the fact that i have not seen it before that this is wrong syntax. I stand to be corrected if i am wrong.

suggestion This is a level 2 challenge, i suggest to do a level one challenge first and get the basic right before moving to challenges in the level 2 category

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