[wp-trac] [WordPress Trac] #53649: Twenty twenty-One theme footer widgetCSS grid

[WordPress Trac]

#53649: Twenty twenty-One theme footer widgetCSS grid
---------------------------+-----------------------------
 Reporter:  htmgarcia      |      Owner:  (none)
     Type:  defect (bug)   |     Status:  new
 Priority:  normal         |  Milestone:  Awaiting Review
Component:  Bundled Theme  |    Version:  trunk
 Severity:  major          |   Keywords:
  Focuses:  css            |
---------------------------+-----------------------------
 WordPress 5.8 RC2

 When placing a block such as slider using
 [Slick](https://github.com/kenwheeler/slick) in footer (may happens with
 other blocks), the width of the footer can be longer than the available on
 the theme causing to display an horizontal scrollbar and messed up the
 width of the 3 footer widgets columns.

 Solution:
 in Twenty Twenty-One theme, when the CSS Grid columns width is defined,
 use minmax() in combination with 1fr.


 {{{
 grid-template-columns: repeat(2, minmax( 0, 1fr ));
 grid-template-columns: repeat(3, minmax( 0, 1fr ));
 }}}

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/53649>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform