The boilerplate mobile view is not responsive, causing layout issues and navigation problems. Specifically, when clicking on settings, the subsequent menu overlays the entire screen, obstructing the boilerplate menu. Additionally, clicking on side icons to switch between menus on the left sidebar does not function as expected.
Acceptance Criteria
Requirements
Responsive layout: The boilerplate mobile view should adjust its layout and content to fit different screen sizes and orientations.
Menu overlay: The settings menu should appear in a way that does not completely cover the boilerplate menu.
Sidebar navigation: Clicking on side icons should smoothly switch between menus on the left sidebar.
Acceptance Criteria
The boilerplate mobile view displays correctly on various screen sizes and orientations.
The settings menu appears as a modal or overlay that does not obscure the boilerplate menu.
Clicking on side icons successfully switches between menus on the left sidebar without any issues.
There are no visual glitches or navigation problems on mobile devices.
Muneerat
commented
2 months ago
Description
The boilerplate mobile view is not responsive, causing layout issues and navigation problems. Specifically, when clicking on settings, the subsequent menu overlays the entire screen, obstructing the boilerplate menu. Additionally, clicking on side icons to switch between menus on the left sidebar does not function as expected.
Acceptance Criteria
Requirements
Acceptance Criteria
Links
|
FIGMA LINKhttps://www.figma.com/file/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=467-8391Images