/resp/ - Responsive Design

Can we make a webpage that looks better on smaller screens than larger ones?
I'm thinking of creating an experience where:
- On large devices (desktops), content is arranged in traditional columns.
-

@media(min-width:1200px) {. container { display:flex; flex-direction: row }}

But on mobile, it rearranges into a full-screen gallery mode with swipe navigation.
[code}@media(max-width:768px){

. container{display:block}

. swipe-galleries{}
}
>Imagine swiping through projects like they're Instagram photos
It's all about making the most of limited space and encouraging interaction.
Anyone up for building this? Let's compare results!