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

Project Tracking Intro Component

Daniel 310

@daniel-g-p

Desktop design screenshot for the Project tracking intro component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

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-dev

Posted

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
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