once-ui-system / magic-portfolio

⚡ Build your timeless portfolio with Once UI's Magic Portfolio
https://magic-portfolio.com
Other
71 stars 55 forks source link

Issue in Bottom Navbar in Mobile View #6

Closed chmuhammadasim closed 1 day ago

chmuhammadasim commented 6 days ago

image

The bottom navbar in the mobile view is misaligned because it's not properly centered. This misalignment occurs due to the width: 100% CSS property on the navbar, which stretches it across the screen and disrupts the centering of its elements.

Solution: To fix this, remove the width: 100% property. This will allow the navbar items to be centered properly, ensuring a balanced and aligned appearance in mobile view. Instead, consider using display: flex and justify-content: center to center the content effectively.

lorant-one commented 3 days ago

thanks for reporting this issue @chmuhammadasim — we’re going to fix it shortly!

zsofiakm commented 1 day ago

Hey @chmuhammadasim, Thanks for reporting this, I fixed it here: https://github.com/once-ui-system/magic-portfolio/commit/1b43881318cec7e0f4fb62b1d7e4e520e46458fc