The still experimental feature of CSS container queries allows us to make child elements listen on the current layout state of their parent element via pure CSS declarations. With the recent implementation of Google Chrome's experimental flag for CSS container queries we're now able to play around with this upcoming feature and already get some insights into it.
CSS at trivago
Insights, experiences and learnings from trivago's tech teams.
Our first [right-to-left platform](https://www.trivago.co.il/) was released in 2014. We had developed a solution to generate right-to-left CSS with Sass mixins and variables as we have [described](https://tech.trivago.com/2015/04/27/right-to-left/) in a blog article. We used this approach for nearly 3 years but recently migrated the right-to-left CSS generation from pre-processing to post-processing with [RTLCSS](http://rtlcss.com/). With this article I would like to share the reasons for the migration as well as our experiences and lessons learned.
Around a year ago, in our large scale refactoring project also known as Project Ironman, we stepped away from image sprites that we used for our icons. In this post we will explain our reasoning behind this decision and how it improved maintainability and website performance.
While our company and our application were constantly growing, we often ran into some consistency issues between code and design. Because we didn't have a design/frontend system and development guidelines to follow, our UI became cluttered and unsustainable.
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?