Grid css fr width of content

/* Valeurs avec un mot-clé */
grid-auto-columns: min-content;
grid-auto-columns: max-content;
grid-auto-columns: auto;

/* Valeurs de longueur */
/* Type <length>       */
grid-auto-columns: 100px;
grid-auto-columns: 20cm;
grid-auto-columns: 50vmax;

/* Valeurs proportionnelles */
/* Type <percentage>        */
grid-auto-columns: 10%;
grid-auto-columns: 33.3%;

/* Valeurs <flex> */
grid-auto-columns: 0.5fr;
grid-auto-columns: 3fr;

/* Valeurs minmax() */
grid-auto-columns: minmax(100px, auto);
grid-auto-columns: minmax(max-content, 2fr);
grid-auto-columns: minmax(20%, 80vmax);

/* Valeurs fit-content() */
grid-auto-columns: fit-content(400px);
grid-auto-columns: fit-content(5cm);
grid-auto-columns: fit-content(20%);

/* Gestion de plusieurs pistes */
grid-auto-columns: min-content max-content auto;
grid-auto-columns: 100px 150px 390px;
grid-auto-columns: 10% 33.3%;
grid-auto-columns: 0.5fr 3fr 1fr;
grid-auto-columns: minmax(100px, auto) minmax(max-content, 2fr) minmax(20%, 80vmax);
grid-auto-columns: 100px minmax(100px, auto) 10% 0.5fr fit-content(400px);

/* Valeurs globales */
grid-auto-columns: inherit;
grid-auto-columns: initial;
grid-auto-columns: unset;

Source: developer.mozilla.org

Similar codes

0 vote311 views2 answers
Css firefox remove scrollbar
CSS
2 votes325 views1 answer
Changong text color css
CSS
2 votes330 views2 answers
Mysqldump: Error: 'Access denied; you need (at least one of) the PROCESS privilege(s) for this operation' when trying to dump tablespaces
CSS
1 vote301 views1 answer
Css font size important
CSS
0 vote291 views1 answer
Css convert td to tr
CSS
32 votes277 views6 answers
Overflow css
CSS
3 votes282 views2 answers
Css text limit
CSS
20 votes297 views2 answers
Bootstrap screen sizes
CSS
6 votes292 views6 answers
TAilwind css
CSS
51 votes280 views6 answers
Ellipsis css
CSS