Conversation
…ully responsive . - Restructure author metadata layout from single-row to multi-row responsive design - Center Subscribe and Bookmark action buttons on every screens - Reorganize metadata sections for better visual hierarchy: * Author info and Follow button (top) * Date, read time, and view count (middle) * Subscribe and Bookmark buttons (bottom, centered) - Update quote style to single quotes for consistency (linting) - Improve mobile UX by prioritizing centered call-to-action buttons - Maintain consistent spacing across all breakpoints This change enhances the mobile user experience by making interactive elements more accessible and properly centered, while optimizing desktop layout for information density.
This file contains hidden or 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
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
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.
📘 Description
This PR refactors the blog details meta section to provide a fully responsive layout across all screen sizes. The component now intelligently adapts from a vertical stack on mobile to an optimized horizontal layout on desktop, with action buttons centered on mobile for improved accessibility.
📂 Related Issue
Closes #[issue-number]
🚀 Changes Made
✅ Checklist
💡 Impact
This change significantly improves the mobile user experience by making interactive elements more accessible and properly centered, while maintaining an optimized desktop layout for information density.