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 animated (Usign flexbox and Grid)

@jlmunozfdev

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


Difficulty when using flexbox and grid and alignment of some components. The part I'm not sure about because there is an overflow is the section__four part. I look forward to your feedback!

Community feedback

Vanza Setia 27,795

@vanzasetia

Posted

Hello, Jorge Muñoz! 👋

I took a look at the site and I didn't notice any overflowing at section__four. I noticed section__five has an overflowing issue. For example, at 960px width the "Vector Graphic" logo is overflowing and causing a horizontal scrollbar to appear. My recommendation is to have a container element that has a max-width to prevent the elements from overflowing.

<section>
  <div class="container">
    the content goes here...
  </div>
</section>

Hope this helps! 🙂

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