Adds responsiveness to the navigation and body for tablet sizes - Githubissues

Webwiznitr / Project-amber

Web Wiz Official Portfolio

https://webwiznitr.xyz/

2 stars 16 forks source link

Adds responsiveness to the navigation and body for tablet sizes #7

Closed foxleigh81 closed 3 years ago

foxleigh81 commented 3 years ago

🧰 Issue

Closes #6

🚀 Overview:

Adds a responsive breakpoint for tablets

🤔 Reason:

The layout breaks in between desktop and phone sizes.

🔨Work carried out:

[x] Added an extra media query for the top navigation
[x] Updated the .bd-grid MQ to trigger at a smaller resolution

🖥️ Screenshot

2020-10-06 16 22 25

📝 Developer Notes:

I wasn't 100% clear on your requirement and as it's not my design, I just fixed the parts that broke rather than changing the design to accommodate different sizes.

Aniket762 commented 3 years ago

Thanks!