fix: make landing page fully responsive for mobile - #70
Open
Jorchspace wants to merge 1 commit into
Open
Conversation
- Fix ambient glow overflow using min() with viewport units - Scale down nav items and logo on small screens - Improve hero section padding/spacing for mobile - Make CTA buttons stack vertically on mobile - Adjust tool grid for better tablet layout (2→3→4 cols) - Scale prism graph to 70vw max on smaller viewports - Add overflow-x-hidden to prevent horizontal scroll - Reduce section padding across all mobile breakpoints - Fix heading clamp() for better mobile rendering Closes iii123iii#3 /claim iii123iii#3
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.
Changes
Makes the landing page fully responsive across all device sizes:
min()with viewport units (prevents horizontal scroll)pt-16vspt-20)flex-col sm:flex-row)grid-cols-2 sm:grid-cols-3 lg:grid-cols-4)70vwmax on smaller viewportsoverflow-x-hiddento prevent horizontal scrollbarclamp()values for better mobile font sizingTested: Visual inspection across breakpoints (320px → 1440px).
/claim #3