Loading...
48rem converts to 768 pixels when the root font-size is 16px. Multiply the rem value by 16 to get pixels: 48 × 16 = 768.
Formula
48rem × 16 = 768px
/* 48rem = 768px */
.element {
max-width: 48rem; /* 768px at 16px base */
}A value of 48rem (768px) is commonly used for container widths and breakpoints. Converting rem to px helps when you need exact pixel values for design specs, Figma mockups, or debugging layout issues.
REM (root em) units provide scalable, accessible sizing in CSS. Knowing that 48rem = 768px helps you verify your designs match mockups while keeping your code responsive.
| rem | px |
|---|---|
| 0.25 | 4 |
| 0.5 | 8 |
| 0.75 | 12 |
| 1 | 16 |
| 1.25 | 20 |
| 1.5 | 24 |
| 2 | 32 |
| 2.5 | 40 |
| 3 | 48 |
| 4 | 64 |
| 5 | 80 |
Convert any value instantly with our free REM to PX Converter.
Open REM to PX Converter →