search

fac-13 / HyGiJeJe

Web app with 2 api's
1 stars 0 forks source link

on mobile, the posters get really small. #22

Open vlbee opened 6 years ago

vlbee commented 6 years ago

Perhaps adding a minimum height/width would help?

image

i2xzy commented 6 years ago

One of the issues with the mobile view is that the css grid is keeping the rows next to each other. There are 3 ways afaik to fix this:

  1. Use grid only with larger screens using a media query and us the default order for mobile
  2. Use grid for both and mobile and desktop but change grid-area to display items in one column in mobile and with a media query display as 2 columns for desktop
  3. Use flex box and a media query to switch between flex-direction column and row