Skip to content
Submitted over 3 years ago

Project Tracking Intro Component

Daniel•310
@daniel-g-p
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Project tracking intro component
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

Hi all, would anyone know how I can remove the huge amount of white space that appears at the bottom of the page on mobile view. Thanks:)

Community feedback

  • Sarah•835
    @sarahc-devPosted over 3 years ago

    Hey! When I open the preview of your site it doesn't allow scroll. All of the text is pushed below what is viewable when I reduce the window size. The overflow: hidden is forcing the window to be zoomed in but disabling the ability to scroll.

    I think the problem relates to the image sizing, you have set the image width to 200% but are trying to force it into a smaller space to achieve the crop (I assume). You would be better off setting the image as a background-image and positioning it with background-position.

    Hope that helps :)

    1

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