When working with creative designers on web page designs, it’s fairly common to receive multiple Sketch or Photoshop artboards/layouts, one for each breakpoint. In that design, elements (like an h1 heading) will usually be different sizes at each breakpoint. For example: The h1 at the small layout could be22pxThe h1 at the medium layout could be 24pxThe h1 at the large layout could be 34pxThe bare
![CSS Poly Fluid Sizing using calc(), vw, breakpoints and linear equations](https://cdn-ak-scissors.b.st-hatena.com/image/square/cfcf8994cdd5a702aa6a7e3217cc9f1779420aae/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A815%2F1%2AWWXKe82ECXSwacUUgTHDZw.png)