Fix responsive layout for .subtitle and .sort-buttons on screens below 947px #313
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
"Please note that I've raised three additional PRs to address other issues, mainly to meet my Hacktoberfest goal as the month is nearing its end. I decided to break the changes into multiple PRs for clarity and easier review, but all are part of the effort to fix responsive layout issues across the project. Thank you for your understanding!" |
… to improve the layout of the .sort-filter-container. The changes center the content inside .sort-filter-container to ensure better alignment and user experience on smaller devices.
|
@ahmedrazabaloch kindly do not tell us your plan 😂. kindly share |
|
before |
|
@ahmedrazabaloch kindly resolve conflicts. |
Signed-off-by: Ahmed Raza <[email protected]>
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR modifies the styling for screen widths below 947px, specifically targeting .subtitle and .sort-buttons.
Removed the top and bottom margin for the .subtitle class to improve visual consistency in smaller viewports.
Centered the content of the .sort-buttons class for better alignment on narrower screens.
Fixes #(issue number)
Type of change
Bug fix (non-breaking change)
How Has This Been Tested?
The following tests were performed to ensure the changes work correctly across relevant screen sizes:
Verified that the .subtitle no longer has top or bottom margins on screens narrower than 947px.
Checked that the .sort-buttons are centered correctly when the screen width is below 947px.
Checklist:
My code follows the style guidelines of this project
I have performed a self-review of my code
I have commented my code, particularly in hard-to-understand areas
I have made corresponding changes to the documentation
My changes generate no new warnings
Any dependent changes have been merged and published in downstream modules