I have made this ecommerce site as my 1st react project. I made some pages like Contact, Login etc. my footer and other components are rendering perfectly on home page but when I go to other pages the content gets shortened

providing the code sandbox link bellow sandbox link

CodePudding user response：

Change .footer-distributed { width: 100% } to .footer-distributed { width: 100vw }