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

Clipboard Landing Page

@BramMortier

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


A project i failed when i started to learn how to program. Fixed it up now so might as wel submit it!

Community feedback

P
Chamu 12,970

@ChamuMutezva

Posted

Greetings Bram. It is a good idea to look at your past projects and make some improvements , well done. Here are a few points that i managed to pick up:

  • There is still some work to be done in respect to responsive design. I can not view your project properly on various devices. Check on dev tools from about 400px to as far as desktop. Take a look at the section with the images (google, ibm etc)
  • Use semantic elements such as main, there are important in a website, that is where the main content of the website should be.
  • the footer sections has elements that are supposed to be links , here are some of them
<div class="collumn_1 collumn">
        <p>FAQs</p>
        <p>Contact Us</p>
      </div>
      <div class="collumn_2 collumn">
        <p>Privacy Policy</p>
        <p>Press Kit</p>
      </div>
      <div class="collumn_3 collumn">
        <p>Install Guide</p>
      </div>

All the above p elements are supposed to be links .

  • the social icons are not just images but links to social icons. To add to that , Using an unordered list of the links for accessibility .
  • Check the automated feedback for areas that needs fixing

Marked as helpful

0

@BramMortier

Posted

@ChamuMutezva Thanks 4 the tips!

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