Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Make Header, Footer, and Home Page Responsive #46

Open
vidipsingh opened this issue Nov 25, 2024 · 0 comments · May be fixed by #49
Open

Make Header, Footer, and Home Page Responsive #46

vidipsingh opened this issue Nov 25, 2024 · 0 comments · May be fixed by #49
Labels
good first issue Good for newcomers

Comments

@vidipsingh
Copy link
Contributor

The header, footer, and home page are not fully responsive on screens smaller than 768px (tablet and mobile). The layout breaks or becomes hard to navigate.

Tasks:

  • Header: Implement a responsive navbar that collapses into a hamburger menu on mobile devices.
  • Footer: Ensure proper alignment and stacking of footer elements on smaller screens.
  • Home Page: Refactor the layout for smooth resizing and readability on mobile devices.

Expected Behavior:

  • Header collapses into a mobile-friendly format.
  • Footer and home page content adapt correctly to smaller screens (tablet/mobile).

Target Devices:

  • Tablet (below 768px)
  • Mobile (375px and below)

Current Issue:

image

image
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
good first issue Good for newcomers
Projects
None yet
Milestone
No milestone
1 participant
@vidipsingh