PX to FR Converter (CSS Grid Fraction Unit)

Convert Pixels to FR.

Loading converter...
Share this tool:

What is PX to FR?

PX to FR conversion helps convert fixed pixel values into flexible fraction (fr) units used in CSS Grid layouts. It allows elements to scale proportionally. Use our FR to PX converter or check the FR Unit Calculator to analyze layouts.

How To Find PX to FR?

To find PX to FR, divide the pixel value by the total available grid space and express it as a fraction of remaining space. This helps create responsive grid layouts.

PX to FR Formula

fr=
pxavailable space / total fr
Where:
pxPixels — The column or row pixel size you want to convert.
available spaceAvailable Grid Space — The total width/height of the grid container minus gaps and fixed-size tracks.
total frTotal FR Tracks — The sum of all fraction track values in the grid template.
frFraction Units — The calculated grid fraction value.

PX to FR Conversion Table

PX (px)FR (fr)
1px0.01fr
2px0.02fr
3px0.03fr
4px0.04fr
5px0.05fr
6px0.06fr
7px0.07fr
8px0.08fr
9px0.09fr
10px0.1fr
11px0.11fr
12px0.12fr
13px0.13fr
14px0.14fr
15px0.15fr
16px0.16fr
17px0.17fr
18px0.18fr
19px0.19fr
20px0.2fr
22px0.22fr
24px0.24fr
26px0.26fr
28px0.28fr
30px0.3fr
32px0.32fr
36px0.36fr
40px0.4fr
44px0.44fr
48px0.48fr
52px0.52fr
56px0.56fr
60px0.6fr
64px0.64fr
72px0.72fr
80px0.8fr
88px0.88fr
96px0.96fr
100px1fr
112px1.12fr
120px1.2fr
128px1.28fr
136px1.36fr
144px1.44fr
160px1.6fr
192px1.92fr
200px2fr
240px2.4fr
256px2.56fr
288px2.88fr
300px3fr
320px3.2fr
360px3.6fr
384px3.84fr
400px4fr
480px4.8fr
512px5.12fr
576px5.76fr
600px6fr
640px6.4fr
720px7.2fr
768px7.68fr
800px8fr
960px9.6fr
1024px10.24fr
1080px10.8fr
1200px12fr
1280px12.8fr
1366px13.66fr
1440px14.4fr
1536px15.36fr
1920px19.2fr