The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Flow box multi-mode switch is using the two-mode switch which is the light and dark plus two more mode from the brand palette, making them represent season too, this is made for client to have more control over there screen.
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Challenges
View all
Related posts
Custom liquid interaction built in Framer.
Turning a static hero into a responsive visual surface through cursor-driven distortion.
How do you adapt the cursor-driven effect for touch screens?
Where should the photo live - behind the words or beside them?
Same pilates studio, same headline.
01 - Photo as the background. Full-bleed atmosphere: the room wraps around the words. Immersive and cinematic, but the text only survives thanks to a darkening overlay laid over the image.
02 - Photo beside the text. A clean split: words on calm ground, the room in its own column. Everything readable at a glance, the trade is a little less drama.
One sells the feeling. The other sells the clarity. Which hero would make you book the class?
80 voted
75%
27 voted
25%
107 votes
Closed
1 nails it
I usually don't stop at 3 breakpoints when building a website.
Most people think about: Mobile, Tablet, Laptop
I like adding one more: Desktop
Because what looks great at 1440px can feel completely different at 1920px...
- The layout gets too wide.
- Spacing starts feeling off.
- Content loses its balance.
So I like testing the system across: Mobile → Tablet → Laptop → Desktop
Not because every website needs exactly 4 breakpoints. But because responsive design isn't about making a few screen sizes work.
It's about making the whole system work.
Follow Rushabh for more website fundamentals, experiments, and things I learn while building for the web.
Wide screens expose spacing issues that laptop previews can hide.