BloomTech-Labs/Groa-fe

Movie Cards do not fill screen on mobile

Closed this issue · 0 comments

Expected Behavior

The movie card should fill the screen on mobile devices.

Current Behavior

There is padding on the left and right of the movie card.

Possible Solution

Remove padding around movie card for mobile.

Steps to Reproduce

  1. Navigate to groa.us/explore (on mobile)
  2. Select a movie poster to open the movie card.
  3. Observe the padding to the right and left of the movie card.

Context (Environment)

This issue primarily hinders the ability of the movie trailers to preview entirely within the movie card on mobile. On desktop we don't want the movie card to take up the entire screen.