[wp-meta] [Making WordPress.org] #4491: Archive page shows 2 columns instead of 3 at certain media queries

[Making WordPress.org]

#4491: Archive page shows 2 columns instead of 3 at certain media queries
------------------------+-----------------------------------------
 Reporter:  milana_cap  |      Owner:  (none)
     Type:  defect      |     Status:  new
 Priority:  normal      |  Milestone:
Component:  HelpHub     |   Keywords:  needs-patch has-screenshots
------------------------+-----------------------------------------
 CSS used for these columns should be changed to something more reliable
 and up to date. This is what we have now:


 {{{
 @media (min-width: 48em)
 .three-up .archive-block, .three-up > div {
     display: inline-block;
     vertical-align: top;
     width: 30%;
     margin-right: 4.5%;
     font-size: 0.8rem;
 }

 .three-up .archive-block:nth-child(3n), .three-up > div:nth-child(3n) {
     margin-right: 0;
 }
 }}}

 Using either Flexbox or CSS Grid would make columns behave better.

 One of effected pages: https://wordpress.org/support/category/getting-
 started/

 Screenshot:

 [[Image(https://user-
 images.githubusercontent.com/7957680/41554497-a217d596-72fa-
 11e8-9c20-2500a7d880c8.jpg)]]

-- 
Ticket URL: <https://meta.trac.wordpress.org/ticket/4491>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org