search

devvsakib / power-the-web

Open-source project. Hacktoberfest2022, Diversion2k23 - Clone this repo and explore all the projects
https://ptwa.vercel.app
MIT License
75 stars 126 forks source link

This Fixes #305. Footer overlap in projects page. #331

Closed kzamani44 closed 1 year ago

kzamani44 commented 1 year ago

Problem

Footer overlaps on the projects page 226095170-adcda7cb-d426-48e6-849f-dab8330a135c

How was it solved

Steps

  1. The Problem with the floating footer was found in the GetProjects.js file on line 56 where the viewport height was set to be 100vh with this tailwind.css class h-[100vh]

Inkedcode1

  1. We only needed to remove that class to solve the issue. This is how the code will look like after removing h-[100vh]

code 2

Expected Behaviour / Final Result

result

Desktop

OS: Windows 10 Browser: Google Chrome

vercel[bot] commented 1 year ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated
ptw ✅ Ready (Inspect) Visit Preview 💬 Add your feedback Mar 26, 2023 at 7:50AM (UTC)