# Designing for RTL platforms - A flipped layout

DevFeed: [Designing for RTL platforms - A flipped layout](<https://devfeed.tech/articles/designing-for-rtl-platforms-a-flipped-layout-27928.md>)

Original publisher: [Read original article](<https://tech.trivago.com/post/2015-04-27-right-to-left/>)

Author: Christoph Reinartz Follow

Published: 2015-04-27T00:00:00Z

Content type: tutorial

Language: en

Sources: [Trivago](<https://devfeed.tech/sources/trivago.md>)

Topics: [modern web development](<https://devfeed.tech/topics/modern-web-development.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>), [HTML](<https://devfeed.tech/topics/html.md>)

Tags: [css](<https://devfeed.tech/tags/css.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [html](<https://devfeed.tech/tags/html.md>), [inheritance](<https://devfeed.tech/tags/inheritance.md>), [israel](<https://devfeed.tech/tags/israel.md>), [layout](<https://devfeed.tech/tags/layout.md>), [middle-east](<https://devfeed.tech/tags/middle-east.md>), [performance](<https://devfeed.tech/tags/performance.md>), [platforms](<https://devfeed.tech/tags/platforms.md>), [tools](<https://devfeed.tech/tags/tools.md>)

## AI overview

This tutorial explains how trivago approached mirroring a web page layout for right-to-left platforms in Israel and the United Arab Emirates. It covers HTML writing direction, mirrored CSS positioning, Twig template inheritance, and tools such as flipCSS while considering maintainability, parsing, loading time, and first-render performance.

## Source excerpt

For our expandation in the middle east area with our platforms in Israel and United Arab Emirates we had a particularly interesting problem to solve: How do we flip the layout of our page?