Grid column responsive width but no more and no less than
Hyster
I would like to have a css grid with cards, that are responsive and can grow and shrink as in these pictures: 
So for this reason I have used minmax css function:
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
However, if there are no more cards in list to be put in a single row, the existing cards grow to the limits of parent:
How can I give an upper limit for the minmax function?
m_sultan
Replace repeat(auto-fit, minmax(300px, 1fr)) with repeat(auto-fill, minmax(300px, 1fr))
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
jQuery - test if img width is 'more than' and 'less than'
- 2
Is `tail -f` more efficient than `less +F`?
- 3
Fetch more than one column
- 4
How to construct a responsive grid of DIVs that all have the same width
- 5
ImageView width more than cell width in UITableView Cell - XCode 6
- 6
@media not working with width less than 1024px
- 7
Uwp cannot lower the width of textbox to less than 70
- 8
Increase width of column in ui.grid
- 9
Setting Column Width with restructuredText Grid Tables
- 10
keep column width using responsive table bootstrap3
- 11
Set google maps InfoWindow to more than 700px width
- 12
angularjs: ui-grid not renders more than 10 columns
- 13
Is there a more concise method to filter columns containing a number greater than or less than, in dplyr?
- 14
Find where column matches more than one in another column
- 15
Xamarin Forms - Get Image to Fill width of containing Grid Column?
- 16
How do I make an if statement not execute and go to the else if statement if one or more variables are less than 0?
- 17
Spark Window function using more than one column
- 18
Spark Window function using more than one column
- 19
Find SUM of child table column is less than parent child total column
- 20
Svg responsive width with adjustable height
- 21
Filter and save in-place, lines with value less than or equal ≤X in a specific column and with header
- 22
Responsive Grid with Borders on the Inside Only
- 23
Two column responsive issue
- 24
How to force a fixed column width with a Bootstrap grid and keep the other ones fluid
- 25
How to force a fixed column width with a Bootstrap grid and keep the other ones fluid
- 26
How to force a fixed column width with a Bootstrap grid and keep the other ones fluid
- 27
less or more - which to use when?
- 28
how can i remove entire row if a column has more than 10 characters using pandas
- 29
Pandas KeyError while adding more than one column from another DataFrame
コメントを追加