Skip to content
Submitted over 4 years ago

Mobile first clipboard landing page

João Gabriel Doliveira Assunção•110
@regularjao
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

Hi (: here's another challenge solution that I made. For this project i used mostly CSS flexbox and a bit of CSS grid has showed up useful to display the footer links properly. It was my first time working with SVG icons, it took some time to find out how they are suppose to be used. Please feel free to comment.

Community feedback

  • Emmilie Estabillo•5,540
    @emestabilloPosted over 4 years ago

    Hi @regularjao, great job here! Everything pretty much checks out responsively. Just a few nitpicks:

    • the buttons are missing their cursor: pointer property and they seem to stretch way too much in larger screens. I'd probably put them side by side at the 768px mark
    • Same with the footer, the elements are ready to lay out around 992px or so.

    Minor style decisions but hope it still helps :-)

    0
    João Gabriel Doliveira Assunção•110
    @regularjaoPosted over 4 years ago

    I totally forgot about the cursor haha! And yes, I should have done a media query for at least one intermediate screen size, it jumps from desktop to mobile layout abruptly. Thanks for the feedback, it always helps (:

    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