In a CSS grid, is there a minimum width for grid-template-columns: repeat when using auto?

Asked Apr 02 '18 at 21:46

Active Apr 03 '18 at 15:32

Viewed 313 times

I have a grid css layout that renders beautifully into thirds when there are at LEAST 3 items or more

grid-template-columns: repeat(3, auto);

However when I have less elements the grid loses its tight column width of 33% and if there is one item its almost full width. Is there a minimum column width property that keeps the column width?

edited Apr 03 '18 at 15:32

Paulie_D

102,164
10
117
144

asked Apr 02 '18 at 21:46

SD Dev

https://developer.mozilla.org/en-US/docs/Web/CSS/minmax – Temani Afif Apr 02 '18 at 21:53
Have you tried [**`min-content`**](https://stackoverflow.com/q/47452362/3597276)? – Michael Benjamin Apr 02 '18 at 22:54

In a CSS grid, is there a minimum width for grid-template-columns: repeat when using auto?

0 Answers0