Write Cleaner CSS with Modern Properties

Writing less CSS has never been easier.

Modern properties are doing some serious heavy lifting.

Here is a list of 5 CSS improvements

Instead of:

div {
	transform: scale(2);
}

Just write:

div {
	scale: 2;
}

Instead of:

div {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

Just write:

div {
	inset: 0;
}

And there’s more:

• :is() simplifies selectors.
• min() or max() combines constraints.
• margin-inline or margin-block makes layouts more flexible.

All of these tweaks add up to cleaner CSS.

I’m working on an ebook called “You Don’t Need JavaScript”.

To get notified when it launches 👉 https://theosoti.com/you-dont-need-js/