> Markdown version of [/videos/2026-designing-for-every-direction-logical-css-for-global-adaptive-and-effortlessly-reversible-uis?t=157](https://www.wearedevelopers.com/videos/2026-designing-for-every-direction-logical-css-for-global-adaptive-and-effortlessly-reversible-uis?t=157). Every page supports `.md` or `Accept: text/markdown`. Links point to the HTML versions so they work for humans too. Agent guide: [/agents.md](https://www.wearedevelopers.com/agents.md).

---

# Designing for Every Direction: Logical CSS for Global, Adaptive, and Effortlessly Reversible UIs

Still relying on fixed, left-to-right CSS defaults? Hardwired physical properties break dynamic global layouts. Discover how logical CSS creates effortlessly reversible UIs from a single codebase.

- **Speakers:** [Vidhya Krishnamoorthy](https://www.wearedevelopers.com/@vidhya-krishnamoorthy)
- **Event:** World Congress 2026 Europe - Virtual Stage
- **Published:** July 2, 2026
- **Duration:** 33:03
- **URL:** https://www.wearedevelopers.com/videos/2026-designing-for-every-direction-logical-css-for-global-adaptive-and-effortlessly-reversible-uis
- **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/96f93a269566f69241d1787f397ff27c/thumbnails/thumbnail.jpg?time=159480ms

## Access

Playback and chapters for this video are available with a Free account.

## Related Moments

- [Adopting logical properties for flexible layouts](https://www.wearedevelopers.com/videos/835-what-s-new-in-css-for-designers) (from "What's new in CSS for Designers?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/42d7b191407a97170b9d975007c90bbd/thumbnails/thumbnail.jpg?time=130245ms
- [Introduction to modern CSS capabilities for designers](https://www.wearedevelopers.com/videos/835-what-s-new-in-css-for-designers) (from "What's new in CSS for Designers?")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/42d7b191407a97170b9d975007c90bbd/thumbnails/thumbnail.jpg?time=130245ms
- [Responsive layout challenges and user customization](https://www.wearedevelopers.com/videos/2144-developers-communities-in-san-francisco-wearedevelopers-live-from-corgi-cafe) (from "Developers Communities in San Francisco - WeAreDevelopers LIVE from Corgi Cafe")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/93ad7c226ac352800568891ed3be3408/thumbnails/thumbnail.jpg?time=260031ms
- [Overcoming learning curves for modern native CSS layouts](https://www.wearedevelopers.com/videos/1819-wearedevelopers-live-yes-css-can-do-that) (from "WeAreDevelopers LIVE - Yes, CSS Can Do That!")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/72dcc4fad00dec9052f3e641e018adbd/thumbnails/thumbnail.jpg?time=324215ms
- [Leveraging CSS for complex system logic and state machines](https://www.wearedevelopers.com/videos/1838-wearedevelopers-live-css-is-doomed) (from "WeAreDevelopers LIVE - CSS is DOOMed")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/eeff8e460f7674a5e9044398b81ce90a/thumbnails/thumbnail.jpg?time=989184ms
- [Adapting user interfaces for right-to-left languages](https://www.wearedevelopers.com/videos/644-bringing-digital-education-to-refugee-and-host-communities-in-remote-regions-of-africa) (from "Bringing digital education to refugee and host communities in remote regions of Africa")
  - **Thumbnail URL:** https://customer-goifxnzhrq3d0d54.cloudflarestream.com/24eb337c4cd085b07ae17c9a1a02e4d4/thumbnails/thumbnail.jpg?time=84620ms

## Related Articles

- [Declarative Design and a fresh take on collaboration with developers](https://www.wearedevelopers.com/magazine/595-declarative-design-and-a-fresh-take-on-collaboration-with-developers)
- [Dev Digest 133 - Back to Front](https://www.wearedevelopers.com/magazine/474-dev-digest-133-back-to-front)
- [3 JavaScript-Free Techniques for Accordions, Dialogs, and Table of Contents](https://www.wearedevelopers.com/magazine/684-3-javascript-free-techniques-for-accordions-dialogs-and-table-of-contents)
- [Using light-dark() for Easy Theme Switching](https://www.wearedevelopers.com/magazine/630-using-light-dark-for-easy-theme-switching)

## Related Jobs

- [Senior Design Engineer](https://www.wearedevelopers.com/jobs/ext/2644934-senior-design-engineer) at **GitHub**
- [Senior Fullstack Engineer - Hybrid or Remote](https://www.wearedevelopers.com/jobs/ext/3585902-senior-fullstack-engineer-hybrid-or-remote) at **Edge Impulse**
- [Senior Fullstack Engineer - Hybrid or Remote](https://www.wearedevelopers.com/jobs/ext/3591501-senior-fullstack-engineer-hybrid-or-remote) at **Edge Impulse**
- [Senior Fullstack Engineer - Hybrid or Remote](https://www.wearedevelopers.com/jobs/ext/3588883-senior-fullstack-engineer-hybrid-or-remote) at **Edge Impulse**
- [Senior Fullstack Engineer - Hybrid or Remote](https://www.wearedevelopers.com/jobs/ext/3582952-senior-fullstack-engineer-hybrid-or-remote) at **Edge Impulse**
- [Senior Fullstack Engineer [Remote](https://www.wearedevelopers.com/jobs/ext/3591171-senior-fullstack-engineer-remote) at **Edge Impulse**