Tom Smykowski beta

Blog

🌦️ Ditch Margin-Block And Margin-Inline If You Don’t Do That

🌦️ Ditch Margin-Block And Margin-Inline If You Don’t Do That

Hi, my name is Tom Smykowski, I'm a staff full-stack engineer. I build and scale SaaS platforms to millions of users, working end-to-end from system architecture to frontend to mobile. On this blog I share what I learn about software engineering, best practices, and the evolving landscape of web development.

What This Article Covers

In this article, we delve into the intricacies of using margin-block and margin-inline properties in CSS design and explore the broader implications of these properties in web development. Discover the challenges and considerations when implementing these CSS properties, especially in the context of internationalization and right-to-left (RTL) language support.

Questions This Article Answers

  • What are margin-block and margin-inline properties in CSS, and how do they differ from traditional margin shorthands?
  • How do these CSS properties affect web design for right-to-left language scripts?
  • What potential pitfalls can arise from using margin-block and margin-inline without proper RTL support?
  • Are there scenarios where using these properties might be more beneficial than traditional CSS margins?
  • How can developers ensure their web applications are accessible and visually coherent across different writing directions?

Length and Time

A comprehensive exploration with practical insights and considerations for modern web design. Approximately 10 minutes to read.

Want to unlock the full story? Log in

← All posts