[FIXED] why my content is not displaying properly on other pages

Issue

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

Solution

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

Answered By - jamiescript

Answer Checked By - David Marino (PHPFixing Volunteer)