What is the use of fr units in Grid?
Understanding fr Units in CSS Grid
In CSS Grid, the fr unit stands for fractional unit. It represents a portion of the available space in the grid container. Using fr makes it easy to create flexible, responsive layouts that automatically distribute space among grid columns or rows.
Key Points
1fr represents one fraction of the available space in the grid container.
You can combine
frwith fixed units likepxor%to create mixed layouts.If you define multiple columns with
fr, the available space is divided proportionally.frunits make layouts responsive without needing to calculate widths manually.
Example: Using fr Units for Flexible Columns