DEV Community

Discussion on: CSS Grid Cheat Sheet Illustrated in 2021🎖️

Collapse
 
ms314006 profile image
Clark

Nice post! I wonder know what is the difference between 1fr and auto?

Collapse
 
joyshaheb profile image
Joy Shaheb

Auto takes up remaining space of screen. 1fr divides the entire screen into fractions. Let's say you have 5 kids and $50. You equally divide the money among the kids. Same case applies for 1fr( 1 fraction). And it is the same as the mathematical fraction problems we did back in high school or before. Thanks !

Collapse
 
ms314006 profile image
Clark

Thanks!