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

Mobill first, flex box, grid for footer

Ben 300

@BenChis

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


Hey everyone, Thanks for reading over this. I invite you to have a look if you are interested in my solution to finish the challenge. I tried to make my page responsive for the common sizes. I am open to anyone who wanna share some review exchange. Let´s learn and help each other. Greetings ben

Community feedback

@franexmo81

Posted

Hi Ben, your solution looks really good.

I just noticed that the buttons lose their shadow colour when hover over them.

Nice job!

0

Ben 300

@BenChis

Posted

Hi Fran, thanks for checking out my challenge. Yes, I applied that hover effect to give the box a little extra touch for the box-shadow, but you are right I think it is better to leave the box-shadow the same colour. Thanks for telling me!

0
P
Patrick 14,325

@palgramming

Posted

you are really close at the browser width of 805px your vector graphics image is exiting the side of the browser window fix that and your challenge will look good

0

Ben 300

@BenChis

Posted

Hey Patrick, Thanks a lot for checking over. Yesterday I noticed when I tried out the responsiveness. Interestingly, the problem solved itself somehow today it is not there anymore. I reviewed my code and didn´t find a problem inside my header and neither in my main and aside part.

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