search

WordPress / wporg-photo-directory

0 stars 0 forks source link

Place photo filters in columns #25

Open ndiego opened 1 day ago

ndiego commented 1 day ago

The filters stacked in a single column make it a bit hard to see what's available. I wonder if we could place them in columns. I realize this might not scale in the future if more filters are added, but I think this would look better in the meantime.

Current Proposed
Image Image
fcoveram commented 14 hours ago

You're right about scaling it, but I agree it works for now. Another version could be listing every link in rows from left to right, just like the "Site tags" section in this site details page in Showcase.

ndiego commented 13 hours ago

You're right about scaling it, but I agree it works for now. Another version could be listing every link in rows from left to right, just like the "Site tags" section in this site details page in Showcase.

Oh yeah, that could work too. I have no strong preference. This is what it would look like:

Image

I applied the following CSS to the <ul> element:

display: flex;
flex-wrap: wrap;
gap: 0 14px;
fcoveram commented 10 hours ago

It can scale, but it makes the content harder to scan due to the zig-zag spacing between items. I'm fine going with the three columns.