Skip to content

Added Horizontal padding for mobile view on profile page , added scro…#35

Open
nkabembo wants to merge 1 commit intomainfrom
feat/profile
Open

Added Horizontal padding for mobile view on profile page , added scro…#35
nkabembo wants to merge 1 commit intomainfrom
feat/profile

Conversation

@nkabembo
Copy link
Collaborator

  • Style 🎨: Code formatting or aesthetic changes (CSS).

This PR...

This PR adds padding to profile page in mobile view and scrolling on input on profile page so text is still visible in mobile view

📝 What I Did (Detailed Work):

  • Added padding to mobile view
  • Noticed onboarding concerns input text was not properly visible so added overflow for horizontal scrolling to be possible to view text

🧪 How to Test (Steps to Verify):

  1. Navigate to /profile page locally or on netlify
  2. Open inspector to test changes in mobile view

🤔 What I learned (gotchas):

I learned more concretely (since I always had confusions around this) ,that sm in tailwind goes from a certain mobile breakpoint to higher , it does not cover all mobile screens to cover mobile screens sm is not needed

@netlify
Copy link

netlify bot commented Feb 16, 2026

Deploy Preview for mint-chip ready!

Name Link
🔨 Latest commit 48b7f75
🔍 Latest deploy log https://app.netlify.com/projects/mint-chip/deploys/699372c1ea562b00073f6288
😎 Deploy Preview https://deploy-preview-35--mint-chip.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant

Comments