Skip to content
Submitted about 2 years ago

Clipboard landing page animated (Usign flexbox and Grid)

Jorge Muñoz•240
@jlmunozfdev
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

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,775
    @vanzasetiaPosted about 2 years ago

    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

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