search

hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech
Apache License 2.0
205 stars 264 forks source link

[Enhancement]: [FE ANCHOR] Fix Responsiveness for Terms and Conditions Page #1248

Open Boyeadelo opened 3 weeks ago

Boyeadelo commented 3 weeks ago

Description

The Terms and Conditions page is currently not responsive for all screens. It should adjust seamlessly across different screen sizes, ensuring optimal user experience on all devices.

Acceptance Criteria

  1. The Terms and Conditions page adapts to different screen sizes (mobile, tablet, desktop) without layout issues.
  2. No horizontal scrolling is required on mobile devices except for the “We have got you covered” section where users would be required to scroll horizontally on the navigation bar in that section.

Links

| LIVE LINK

Images

Here, notice that the menu icon is hugging the edge: image Here, notice that logo is a bit smaller and buttons are bigger: image Here, notice that the logo is a big bigger than the previous screen and the buttons looks more aligned: image Here, notice that logo, nav and menu all seem to appear uniform: image the

Wheezy049 commented 3 weeks ago

working on this

Wheezy049 commented 3 weeks ago

Done but not on the live link yet