Do you always need media queries to make a website responsive? With flexbox and grid you can make responsive layouts without having to define fixed breakpoints with media queries. Adam Argyle recently showed us a tweet-sized example of this in action, where just 13 lines of CSS give you 4 separate layouts. All four layouts in action in Polypane: How does it work? The HTML is surprisingly simple. N
![4 CSS layouts without using media queries | Polypane](https://cdn-ak-scissors.b.st-hatena.com/image/square/c31fb8ddd8b97e212b265c0dfa2bab899815028b/height=288;version=1;width=512/https%3A%2F%2Fpolypane.app%2Fog-images%2F4-css-layouts-without-using-media-queries.png)