Why doesn’t min-content work with auto-fill or auto-fit?

by

The second rule doesn’t work because min-content is an intrinsic sizing function.

§ 7.2.2.1. Syntax of
repeat()

  • Automatic repetitions (auto-fill or auto-fit) cannot be combined
    with intrinsic or flexible sizes.

§ 11. Grid
Sizing

More Related Contents:

  1. Can flex items wrap in a container with dynamic height?
  2. Why aren’t my grid-template-areas with ASCII art not working?
  3. Why does minmax(0, 1fr) work for long elements while 1fr doesn’t?
  4. Aligning grid items across the entire row/column (like flex items can)
  5. Equal height rows in CSS Grid Layout
  6. Browser support for CSS Grid
  7. The difference between percentage and fr units
  8. Why are CSS named grid areas not in quotes?
  9. What is difference between justify-self, justify-items and justify-content in CSS grid?
  10. How to make the items in the last row consume remaining space in CSS Grid?
  11. How to build a 2 Column (Fixed – Fluid) Layout with Twitter Bootstrap?
  12. Why percentage value within grid-gap create overflow in CSS grid?
  13. How can I make a div span multiple rows and columns in a grid?
  14. Is there a way to specify different widths for columns in CSS3?
  15. What is the difference between align-items vs. align-content in Grid Layout?
  16. hide div tag on mobile view only?
  17. Equal height of elements inside grid item with CSS grid layout
  18. How to make a column span full width when a second column is not there? (CSS Grid)
  19. Can I have a varying number of columns per row in a CSS grid?
  20. Why does a grid-area name absent in grid-template-areas create additional tracks?
  21. Is there a “subgrid” feature, to position “grandchildren” of a grid container?
  22. CSS Grid auto fit with max-content
  23. How can I create multi columns from a single unordered list?
  24. How can I avoid media query overlap?
  25. Can I make a CSS grid with dynamic number of rows or columns?
  26. Is a button allowed to have display:grid? [duplicate]
  27. How is “grid-template-rows: auto auto 1fr auto” interpreted?
  28. How can I force this CSS grid to wrap to a new line without specifying minmax sizes?
  29. grid-area does not seem to work with the attr function, is this by design?
  30. How to center content and make the background cover the full column when using CSS Grid?

Leave a Comment