Skip to content
Submitted almost 2 years ago

Clipboard landing page solution

seun•180
@Taiwola
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Clipboard landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

feedback needed

  • help with the button behavior at the header, they seems to not occupy the whole space (more visible when using mobile)
  • how to the image to cut from the left rather than the right

Community feedback

  • Dytoma•550
    @DytomaPosted almost 2 years ago

    Hey👋

    Good job on completing this challenge. Here are some suggestions you can implement to your code:

    • First the font provided in starting files is absent on your page. You can implement it using Google Fonts
    • For the social icons, as you used images you can provide a descriptive text to the ```alt`` attribute (ex: <a href=""><img src="images/icon-facebook.svg" alt="instagram"></a>) for accessibility.
    • For the mobile version you can add some padding to your div elements.

    That's what I wanted to highlight. Happy coding😁

    0

Please log in to post a comment

Log in with GitHub

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