The three tiles displayed under the Welcome to Uniswap Docs heading in the first section of the page are out of view at various screen-widths, affecting accessibility, look-and-feel and readability.
Locate the three tiles under the Welcome to Uniswap Docs heading in the first section of the page.
Adjust the browser window width downward until the page is between 1071px and 961px.
Observe that the issue is visible between these viewport widths. Notice that the text contained within the rightmost and leftmost tiles begins to be cutoff making it not visible to the user. (See screenshots below)
Screenshots
Screen-width is 1071px
The tiles begin to overflow the viewport and are cutoff from view.
Screen-width is 1039px
Tiles are overflowing the viewport. Text of the rightmost tile is cutoff from view.
Screen-width is 961px
Tiles are overflowing the viewport. Text of the rightmost and leftmost tile is cutoff from view.
Expected Behavior
The tiles should not overflow the viewport and the texts contained within the tiles should be fully visible at all viewport sizes. The tiles should be fully responsive to the user's screen size - they should automatically scale in size such that the text is always readable.
Issue
The three tiles displayed under the Welcome to Uniswap Docs heading in the first section of the page are out of view at various screen-widths, affecting accessibility, look-and-feel and readability.
Reproducing the Issue
Screenshots
Screen-width is 1071px
The tiles begin to overflow the viewport and are cutoff from view.
Screen-width is 1039px
Tiles are overflowing the viewport. Text of the rightmost tile is cutoff from view.
Screen-width is 961px
Tiles are overflowing the viewport. Text of the rightmost and leftmost tile is cutoff from view.
Expected Behavior
The tiles should not overflow the viewport and the texts contained within the tiles should be fully visible at all viewport sizes. The tiles should be fully responsive to the user's screen size - they should automatically scale in size such that the text is always readable.