CARVIEW |
max()
max()
The CSS max()
function takes two or more comma-separated arguments of spacing values, evaluates them, and returns the largest value of the bunch.
.element { width: max(80%, 800px); }
Continue Reading
min()
min()
The CSS min()
function takes two or more comma-separated arguments of spacing values, evaluates them, and returns the smallest value of the bunch.
.element { width: min(80%, 800px); }
Continue Reading
mod()
mod()
The CSS mod() function returns the remaining “modulo” after the first argument is modulus-divided by the second argument. It’s the […]
.element { width: mod(10px, 4px); }
Continue Reading
matrix()
matrix()
The matrix() function combines all the 2D transform functions into a single CSS declaration. It covers the translate(), skew(), and scale() functions
.element { transform: matrix(1, 0, 0, 1, 0, 0); }
Continue Reading
minmax()
minmax()
The CSS minmax()
function is used exclusively with CSS Grid to define a size range for grid tracks (i.e., the grid’s rows and columns). It lets you specify two arguments — a minimum size and a maximum size for a track — allowing the grid track to grow and shrink within that range, depending on the available space.
.element { grid-template-columns: minmax(100px, 400px) 1fr 1fr; }
Continue Reading