yearn / yPartners

Partners website
https://partners.yearn.farm
GNU General Public License v3.0
6 stars 5 forks source link

refactor: Apply media queries to partner description boxes #170

Closed Itzabelli closed 1 year ago

Itzabelli commented 1 year ago

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 expected

Resources (if appropriate):

The left image shows the overflow, the right one shows the result after the change.

Description-boxes

The upper image shows the small mismatch, the lower image shows the result after the adjustment.

Adjust-css-logo
vercel[bot] commented 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
0xMirim commented 1 year ago

sorry for the delay in reviewing this! LGTM!