This repository was archived by the owner on Mar 2, 2021. It is now read-only.
This repository was archived by the owner on Mar 2, 2021. It is now read-only.
Level component responsiveness #85
Description
The Level and LevelWithButton components look odd on smaller viewports. I will highlight a number of issues below.
- Levels with images on left collapse with image before text whereas levels with image on the right collapse with the image below the text. There should be parity between the two.
- Text should align to center on smaller viewports. At present left and right levels have their text aligned according to their full-width handedness which does not translate to mobile devices.
- The Buttons in LevelWithButton components align with the header of the next element, possibly causing confusion.
You can see these issues in the screenshot below.
