Skip to content

Add flex wrap to fix aws image bleed on small screens

Brandon Everett requested to merge beverett/gitlab:222820-aws-logo into master

What does this MR do and why?

Fixes AWS image bleeding out of the container on smaller/mobile devices.

Screenshots or screen recordings

Before After
CleanShot_2022-08-06_at_20.52.23_2x CleanShot_2022-08-06_at_20.53.38_2x

CleanShot_2022-08-07_at_06.59.33

Screenshots are required for UI changes, and strongly recommended for all other merge requests.

How to set up and validate locally

  1. Go to settings -> CI/CD
  2. Expand the variable section
  3. Add a new variable
  4. Start typing AWS and pick one of the AWS suggestions
  5. You should see the AWS information at the bottom
  6. Open developer tools and enter mobile and select iPhone SE
  7. Verify the AWS logo wraps and is not cut off.

MR acceptance checklist

This checklist encourages us to confirm any changes have been analyzed to reduce risks in quality, performance, reliability, security, and maintainability.

Related to #222820 (closed)

Merge request reports