search

chingu-voyages / v40-geckos-team-18

My Carbon Footprint - A platform that aims to educate individuals on their contributions of greenhouse gasses and what they can do to lessen their carbon footprint
4 stars 0 forks source link

Tabs on Travel page are not responsive #81

Open TiciaD opened 2 years ago

TiciaD commented 2 years ago

Describe the problem The tabs on the /travel pages' are not easily viewable on smaller screens and the content within the tabs are also overflowing

Actual behavior On mobile the tabs on the /travel page are out of view and the content in the tab is overflowing causing a horizontal scrollbar

Expected behavior Expected tabs to be in view on mobile screen and content in tab to also be responsive so horizontal scrollbar isn't necessary

To Reproduce Steps to reproduce the behavior:

  1. Go to /travel
  2. View on mobile screen
  3. See error

Screenshots Screenshot 2022-09-01 231636

Your Environment:

Additional Information Add any other context about the problem here.

victoriacheng15 commented 2 years ago

Added more screenshots:

As the screen width got smaller, there are huge space on right side. image

image