Jean Claude Nzabanterura
@nzabajpAll comments
- @Foued80@nzabajp
Hi.
Getting rid of the
margin-bottom
off your footer div with a class ofFooter_container__iN3aW
will remove the white space that appears when in desktop view:i.e.
.Footer_container__iN3aW { margin-bottom: 0; }
I hope you find this helpful.
Marked as helpful - @Hazard-58@nzabajp
Hi, I have the following suggestions:
-
Remove the height prop on the main element (inside your @media query)
-
Inside your @media query, change the align-items prop to center, this will ensure the content on your website remains vertically centered during resizing
-
Also, consider removing the width prop on your main element and giving its children a width: (in %), and max-width: (in px). This will help in avoiding the side-scrolling that occurs when resizing.
Marked as helpful -