Closed Itzabelli closed 1 year ago
The latest updates on your projects. Learn more about Vercel for Git ↗︎
Name | Status | Preview | Comments | Updated (UTC) |
---|---|---|---|---|
ypartners | ✅ Ready (Inspect) | Visit Preview | 💬 Add feedback | Apr 18, 2023 10:35am |
sorry for the delay in reviewing this! LGTM!
Description
This PR has the purpose to adjust the size of the partner boxes in the main page, currently the description is overflowing when the available screen size decreases (see image below).
To address this I applied media queries to improve appearance and the user experience on different screen sizes.
Extra: Adjust the value of the padding attribute for two logos to improve the distribution between the title and the text. When compared to the other boxes, there is a very little mismatch (see image below).
Motivation and Context
The intention after applying media queries is to improve the appearance of main page.
How Has This Been Tested?
After making the changes I ran
yarn dev
and confirmed that everything appeared as expectedResources (if appropriate):
The left image shows the overflow, the right one shows the result after the change.
The upper image shows the small mismatch, the lower image shows the result after the adjustment.