code100x
Made download button in notes section responsive and solved navbar issue
PR Fixes:
- Fixing the non-responsive download button in the Notes section.
Resolves #357
Resolves #370
Checklist before requesting a review
I have performed a self-review of my code. I assure there is no similar/duplicate pull request regarding the same issue.
Issue Description
The download button in the Notes section is not responsive. It overlaps with the content on smaller screens, making it difficult for users to access.
To Reproduce
- Open the website on a smaller screen (e.g., mobile device or browser window resized to a smaller size).
- Navigate to the Notes section.
- Observe the download button overlapping with the content.
Expected Behavior
The download button should be positioned in a way that it does not interfere with the main content and is easily accessible on all screen sizes, maintaining the overall responsive design of the website.
Screenshots or GIFs
- Non-responsive button:
- Responsive button:
-Navbar issue
https://github.com/code100x/cms/assets/83893659/955d051f-9633-4bcd-a19d-888aae537f07
-Navbar Solution
https://github.com/code100x/cms/assets/83893659/72ece692-3c0d-4e79-b0d5-9771bef8bbfa
Info
- Browser: Chrome
- Version: 89.0.4389.82
Additional Context
The website is designed to be responsive, and the majority of the elements on the page adapt well to different screen sizes. However, the download button in the Notes section seems to be an outlier, and it needs to be addressed to ensure a consistent and optimal user experience across all devices.
Hello @hkirat , I've submitted a pull request and would appreciate your review whenever you get a chance. Thank you!
@noobpiyush closing this, app bar is fixed, raise pr for the download button
