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

using flexbox

esraagamalโ€ข 600

@EsraaGamal-22

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


rate my design please, Any feedback and suggestions on how I can improve are very welcome!

Community feedback

P
ApplePieGiraffeโ€ข 30,545

@ApplePieGiraffe

Posted

Looks good, esraagamal!

Just one small thingโ€”some of the company logos near the bottom of the page look a little vertically stretched. Since you used flexbox to layout those logos, I'd suggest setting the align-items property to center rather than stretch, and think that might fix the issue.

Otherwise, good job! ๐ŸŽ‰

Keep coding (and happy coding, too)!

1

esraagamalโ€ข 600

@EsraaGamal-22

Posted

@ApplePieGiraffe can you review my code after the update?

0
P
Matt Studdertโ€ข 13,611

@mattstuddert

Posted

Awesome work on this challenge, your solution looks great! @ApplePieGiraffe has made a great suggestion with the company logos. I'd also recommend removing the changing width when the buttons are hovered. It's not a common practice. Instead, I'd just keep the nice background-color and other styling changes that you've got.

Your solution scales down well to mobile. Have you ever tried using min-width media queries instead of max-width? It's quite a common workflow with front-end developers to use them and work mobile-first. It can often lead to less CSS code and has the benefit of loading in fewer styles for mobile users, which can be a nice performance gain.

I hope that helps. Keep up the great work! ๐Ÿ‘

0

esraagamalโ€ข 600

@EsraaGamal-22

Posted

@mattstuddert thanks a lot for your opinion, I will try using min-width media queries first in my next project.

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