CSS logical properties (better spacing)

In the modern web, we have more and more tools to ensure the best experience for users. One of my recent findings is CSS logical spacing, which maps to physical spacing regardless of the writing mode, text direction, and orientation.

.test {
  margin-inline: 10px 20px;
  padding-inline: 10px 20px;

Further reading


Thanks for reading. If you liked it, consider sharing it with friends via:

Let's be in touch!

Don't miss other useful posts. Level up your skills with useful UX, web development, and productivity tips via e-mail.

I want to be up to date via email!

No spam ever (I don't like spam, I don't send spam). You can unsubscribe at any time. Privacy Policy

Don't you want to subscribe via e-mail?

See other ways to keep in touch.


If you want to comment, write a post on social media and @mention me. You can also write to me directly on the contact page.