Logo Section 1
This layout uses the clamp function in its elements
This layout’s uses clamp() with a root font size of 62.5%. For a root font size of 100%, see the table below.
Clamp function in Logo wrapper
| Root Font size | 1 rem = | Min size | Max size | Min width Viewport | Max width Viewport | Clamp function |
|---|---|---|---|---|---|---|
| 100% | 16px | 140px | 200px | 478px | 1512px | clamp(8.75rem, 7.0164rem + 5.8027vw, 12.5rem) |
| 62.5% | 10px | 140px | 200px | 478px | 1512px | clamp(14rem, 11.2263rem + 5.8027vw, 20rem) |
Components used
BEM class name block
.logo-1__container
Category
Additional plugins
Last update
July 24, 2024