CSS minmax() in Grid - CSS Property Explained | #shorts

#shorts

grid-template-columns is a CSS property that defines the column widths in a grid container

👉 minmax() is one of the functions that you can use in this property

This property ensures that the width of a given column in the grid is between the min and max values 👌

✨ This can also be used to define row heights

In this example we define two columns, one with minmax, and one with 1fr (to make it take up the remaining space available)

This technique is suitable for use cases like sidebars, where you want to clamp the width between two values.

#css
#csstricks
#html
#frontend
#javascript
#webdesign
#webdevelopment
#coding
#programming #vscode

Checkout this website as they will help you.

#students
#skillerior

[slimak]

Yea, but it's hard to use in practice for me