Skip to content
Submitted over 3 years ago

Meet landing page using flex box and css grid

Eric Aguayo•945
@EAguayodev
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

I am most proud of the fact that I was able to correct the code in the footer and create a new section for the circles in the design after reviewing the code I wrote years ago when I first took on this challenge.

What challenges did you encounter, and how did you overcome them?

I've encountered some bugs on the mobile design where the screen allows for horizontal scrolls. Still in the works of figuring out the issue.

What specific areas of your project would you like help with?

I would definitely like help figuring out within my code where my issue to fix the horizontal scroll on the mobile design is explicitly happening.

Community feedback

  • Sergei Borja•980
    @wonderlust101Posted 3 months ago

    I assume the horizontal scroll is because an element is wider than the viewport width. Instead of give fixed width to things, make the width responsive to the viewport width by using unit such as vw which corresponds to the viewport width or % which corresponds to the parent width.

    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