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

Home Page is not responsive #152

Open
Ctoic opened this issue Dec 12, 2024 · 8 comments · May be fixed by #155
Open

Home Page is not responsive #152

Ctoic opened this issue Dec 12, 2024 · 8 comments · May be fixed by #155
Assignees
@imrehankhan
Labels
bug Something isn't working enhancement New feature or request good first issue Good for newcomers hacktoberfest hacktoberfest-accepted help wanted Extra attention is needed Lisbook UI
Milestone
hacktoberfest

Comments

@Ctoic
Copy link
Owner

Ctoic commented Dec 12, 2024

Description:
The home page is not responsive on various screen sizes, leading to layout issues. This affects the user experience, especially on mobile and tablet devices.

Steps to Reproduce:

  • Open the website's home page on different screen sizes (desktop, tablet, and mobile).
  • Observe the layout and elements that are not adjusting properly.
  • Expected Behavior:
  • The home page should adapt seamlessly to all screen sizes, maintaining usability and aesthetics.

Observed Behavior:
Some elements overlap or misalign.
The navigation menu is not optimized for smaller screens.
Content overflows on mobile devices.
Suggested Fix:
Implement a responsive design using media queries.
Optimize layout and ensure proper alignment of elements across all screen sizes.
Test responsiveness on devices with different resolutions.
Additional Context:
Screenshots of the layout issues on different devices can help in addressing this issue.
@Ctoic Ctoic added bug Something isn't working enhancement New feature or request help wanted Extra attention is needed good first issue Good for newcomers hacktoberfest hacktoberfest-accepted UI Lisbook labels Dec 12, 2024
@Ctoic Ctoic added this to Lisbook Dec 12, 2024
@Ctoic
Copy link
Owner Author

Ctoic commented Dec 12, 2024

image

@Ctoic
Copy link
Owner Author

Ctoic commented Dec 12, 2024

image

@Ctoic Ctoic moved this to Todo in Lisbook Dec 12, 2024
@imrehankhan
Copy link

Hey I would love to make it responsive, can you assign this to me?

@Ctoic
Copy link
Owner Author

Ctoic commented Dec 14, 2024

Sure @imrehankhan go ahead

@Ctoic
Copy link
Owner Author

Ctoic commented Dec 14, 2024

if you need any guidence feel free to discuss in the discussion section.

@imrehankhan imrehankhan mentioned this issue Dec 14, 2024
Closed
@imrehankhan
Copy link

imrehankhan commented Dec 14, 2024 via email

@Ctoic Ctoic added this to the hacktoberfest milestone Dec 16, 2024
@Ctoic Ctoic moved this from Todo to In Progress in Lisbook Dec 16, 2024
Ctoic added a commit that referenced this issue Dec 23, 2024
@Ctoic
Fix responsive design issues on home page
2c8d932 
Fixes #152

Make the home page responsive to various screen sizes.

* **index.html**
  - Add meta viewport tag for responsive design.
  - Update navigation menu to be responsive using media queries.
  - Adjust content layout to prevent overflow on mobile devices.

* **style.css**
  - Add media queries for different screen sizes.
  - Adjust styles for navigation menu to be responsive.
  - Ensure proper alignment of elements across all screen sizes.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/Ctoic/Lisbook/issues/152?shareId=XXXX-XXXX-XXXX-XXXX).
@Ctoic Ctoic linked a pull request Dec 23, 2024 that will close this issue
Open
@Siddesh0002T
Copy link

Hey I would love to make it responsive, can you assign this to me?

@Ctoic
Copy link
Owner Author

Ctoic commented Dec 31, 2024

Go ahead @Siddesh0002T

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@imrehankhan imrehankhan

Labels
bug Something isn't working enhancement New feature or request good first issue Good for newcomers hacktoberfest hacktoberfest-accepted help wanted Extra attention is needed Lisbook UI
Projects
Lisbook
Status: In Progress
Milestone
hacktoberfest
3 participants
@Ctoic @Siddesh0002T @imrehankhan