Responsive Headings & Text With the code below you can add responsive headings and text relative to the current viewport size (screen size). h1 { font-size: 36px; /* fallback */ font-size: 5.4vw; } https://css-tricks.com/examples/ViewportTypography/ – Demo