Creating A Fluid Responsive Sizing System With Divi 5’s Variable Generator

Most designers do not size things once. A heading that looks balanced at 56px on desktop can feel oversized on a phone, so you create a smaller mobile value, then a tablet value between the two. Then you repeat that work for font sizes, section padding, margins, gaps, border radius, widths, and other numeric values across the site.

This post was originally published on Elegant Themes by Christopher Morris.

Follow us

Don't be shy, get in touch. We love meeting interesting people and making new friends.