search

Los-Terremotos / GreenPets

GreenPets is an innovative platform designed for plant lovers and aspiring plant parents. This unique tool helps users find the perfect plants that suit their lifestyle and expertise level.
https://greenpets.netlify.app/
2 stars 0 forks source link

GetStarted on Mobile #130

Closed crisdevs closed 6 months ago

crisdevs commented 6 months ago

Overview

Get Started Mobile Styling

Description I found the Get Started page's mobile style to be not mobile-friendly. I reduced the size of the option buttons as well as the previous and next buttons on smaller viewports. Replaced width values that used pixel values to use percentages.

Ticket Item

Steps to Reproduce Bug / Validate Feature / Confirm Tech Debt Fix

  1. Open the project
  2. Run 'npm run start' in the client folder
  3. Go to localhost
  4. Navigate to the get-started page on a smaller viewport (375px)
  5. You will now see the buttons are smaller and more viewable on mobile

Previous behavior Buttons on the get started page were too big on smaller viewports which made the page less mobile friendly

Expected behavior Buttons are now smaller which means the get started page is more mobile friendly.

Screenshots & Videos image