Ctoic/Lisbook

Fix Layout and Functionality of Pages 2, 3, and 4

Closed this issue · 11 comments

Description:
Pages 2, 3, and 4 of the LisBook application need attention in terms of layout and functionality to ensure a consistent and user-friendly experience. The current design and implementation may cause issues on different screen sizes, and some elements might not be functioning as expected.

Steps to Reproduce:
Navigate to Pages 2, 3, and 4.
Check for layout inconsistencies (misaligned elements, overlapping content, etc.).
Verify that all interactive elements (buttons, links, etc.) are working as expected.
Inspect on both mobile and desktop to ensure responsiveness.
Tasks to be Done:
Review and fix any layout issues (misalignment, missing margins/padding, etc.).
Ensure that buttons and links on the pages are functional.
Add responsive CSS to improve the mobile experience.
Use Bootstrap components to ensure consistency with the rest of the site.
Cross-check browser compatibility and adjust where necessary.
Add consistent headers and footers (same across all pages).
Expected Outcome:
Pages 2, 3, and 4 should have a polished and consistent layout.
All interactive elements should work smoothly across all devices (mobile, tablet, and desktop).
The design should match the rest of the LisBook application, following the theme and responsiveness.

Hey @Ctoic, Assign me this also, pls

@Ctoic would like to work on this issue
Sharing the changes in mobile and web view here

Screenshot 2024-10-13 at 6 31 06 PM
Screenshot 2024-10-13 at 6 40 52 PM

okay

@Ctoic would like to work on this issue Sharing the changes in mobile and web view here

Screenshot 2024-10-13 at 6 31 06 PM Screenshot 2024-10-13 at 6 40 52 PM

image

@YakeDev
Your changes look great.
You can work on this issue I will pick some other issue

@manoj9896 thank you for your time. You can look for other issues or you can propose some new changes will assign the issue to you

@YakeDev 👍🏼

Hey @Ctoic i already make change and can i rise a PR for this will you assign it to me.

can you share some sanpshots of your work ? @manoj9896

This task has been already completed by @YakeDev @Ctoic.