search

canonical / vanilla-framework

From community websites to web applications, this CSS framework will help you achieve a consistent look and feel.
https://vanillaframework.io
GNU Lesser General Public License v3.0
838 stars 167 forks source link

"Downloads" section is poorly laid out on medium screens #5367

Open jmuzina opened 2 weeks ago

jmuzina commented 2 weeks ago

Describe the bug

On medium screen sizes, the "Downloads" section on the home page makes poor usage of space, causing some overflow inside the cards. Maybe these cards should be stacked beneath "Downloads" on medium?

To Reproduce

Steps to reproduce the behavior:

  1. Go to the Vanilla homepage.
  2. Reduce screen size to the lower end of the medium breakpoint (around 620px)
  3. Observe the downloads section

Expected behavior

The downloads cards should not overflow.

Screenshots

Screenshot 2024-10-02 at 4 38 34 PM

Context These are currently laid out using a 33/66 grid on medium.

syncronize-issues-to-jira[bot] commented 2 weeks ago

Thank you for reporting us your feedback!

The internal ticket has been created: https://warthogs.atlassian.net/browse/WD-15555.

This message was autogenerated

bartaz commented 2 weeks ago

Let's just wrap it under the heading and have 50/50 split for cards?

bartaz commented 2 weeks ago

Or, if relevant use some of the new patterns? Would tiered list work here?