What is the CSS fr unit and how is it used?

What is the CSS fr unit and how is it used?

Hi Dipen,

The fr unit (fractional unit) in CSS is a flexible unit for defining the distribution of space within a container element. It allows elements to share available space proportionally, making layouts responsive and adaptable.

Syntax: <element-width>: <value>fr;

Check this blog to see inplementation of CSS fr unit in action: