Easy Responsive Headings using CSS Variables, VW, and Calc

h1 { --multiplier: 1; }
h2 { --multiplier: 0.8; }
h3 { --multiplier: 0.5; }

--

--

--

Sharing my experience of web design with the world. petermakeswebsites.co.uk

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Short guide on creating threads in Python

Linked List

Software Developers, Don’t Forget to Live

Dino Cajic discussing Developer Life

C# Cheat sheet for Beginners

Menggunakan versi python untuk macOS —

Programmatically Removing Shells from 3D Models

Demonstration of unified and deshelled models is visible in MeshMixer and Blender

simpy > basic_concepts

Spring Boot Reactive Testing Part 2

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Peter Makes Websites

Peter Makes Websites

Sharing my experience of web design with the world. petermakeswebsites.co.uk

More from Medium

Don’t want to mess around with custom CSS? Bootstrap has you covered.

SETTING UP A SIMPLE BUILD PROCESS IN CSS WITH NPM SCRIPTS

How to add Tailwind CSS to your HTML project

Tailwindcss plus html integration

How to improve your HTML & CSS skills

A music player design with it’s corresponding tailwind css UI code