> Markdown version of [/events/conference-india-2026/sessions/1982-designing-for-every](https://www.wearedevelopers.com/events/conference-india-2026/sessions/1982-designing-for-every). 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


- **Date:** Thursday, Nov 26, 2026
- **Time:** 11:20–11:50 (30 min)
- **Room:** Stage 4
- **Event:** Conference India 2026

## Description

As the web becomes increasingly global, modern UIs can no longer assume left-to-right text, fixed layout directions, or static component structures. Interfaces today must support internationalisation, RTL languages, vertical writing systems, and dynamic layouts that reflow across responsive dashboards and design systems.
In this talk, we explore how Logical CSS enables a fundamentally more resilient approach to UI architecture. You’ll see how properties like margin-inline, border-block, and inline-size allow layouts and components to adapt automatically to writing direction, writing mode, and layout orientation - without duplicating styles or introducing fragile overrides.
Through real-world examples, we’ll look at supporting Arabic and Hebrew, enabling vertical Japanese layouts, designing components that flip seamlessly as layouts change, and building design-system primitives that remain stable across products, regions, and use cases. We’ll also cover practical migration strategies, local testing techniques, and the mindset shift from physical directions to flow-based design.
Whether you’re building a global application, maintaining a design system, or planning for the long-term evolution of your UI, this session will help you create future-proof, direction-agnostic interfaces - designed for every direction.

## Speaker

### [Vidhya Krishnamoorthy](https://www.wearedevelopers.com/@vidhya-krishnamoorthy)

UX/UI Development Lead, Vice President, Morgan Stanley


## Related talks at this congress

- [The UI Engineering Playbook: Modern CSS, Design Systems, Motion & AI-Assisted Workflows](https://www.wearedevelopers.com/events/conference-india-2026/sessions/2074-the-ui-engineering) — Wadad Parker
- [A Tale of Two Systems: Design and Reality](https://www.wearedevelopers.com/events/conference-india-2026/sessions/2042-a-tale-of-two) — Mandeep Singh
- [Cloud Sovereignty Is an Architecture Problem: Patterns for Modern Platform Teams](https://www.wearedevelopers.com/events/conference-india-2026/sessions/2046-cloud-sovereignty-is) — Josephine Eskaline Joyce, Norton Stanley
- [React Under Fire: Rendering Performance for Streaming Agent UIs](https://www.wearedevelopers.com/events/conference-india-2026/sessions/1992-react-under-fire) — Abhirupa Mitra

## Watch remotely

Can’t make it to Bengaluru? Watch this session live with Pro. You also get:

- All full videos, bookmarks, and playlists
- World Congress livestreams

[See pricing](https://www.wearedevelopers.com/pricing)

## Links

- [Get tickets](https://www.wearedevelopers.com/conference-india/tickets)