9 replies

grid-template-columns vs grid-auto-columns

Hey, what would be the difference between the examples below? Other than the ability to define a specific number of columns and how the elements fill the container when using

grid-template-columns

grid-template-columns

, when using

auto-fill

auto-fill

auto-fit

auto-fit

these both seem like they would achieve the same thing to me? Any explanation would be appreciated, Thanks in advance.

grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
grid-auto-columns: minmax(16rem, 1fr);

grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
grid-auto-columns: minmax(16rem, 1fr);

KP-C

Kevin Powell - Community•2y ago•

9 replies

snxxwyy

grid-template-columns vs grid-auto-columns

Hey, what would be the difference between the examples below? Other than the ability to define a specific number of columns and how the elements fill the container when using

grid-template-columns

grid-template-columns

, when using

auto-fill

auto-fill

auto-fit

auto-fit

these both seem like they would achieve the same thing to me? Any explanation would be appreciated, Thanks in advance.

grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
grid-auto-columns: minmax(16rem, 1fr);

grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
grid-auto-columns: minmax(16rem, 1fr);

grid-template-columns vs grid-auto-columns

Similar Threads

grid-template-columns vs grid-auto-columns

Similar Threads

Similar Threads

Similar Threads