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
No more magic numbers for your breakpoints
Using CSS container queries with the ch unit instead of arbitrary pixel or rem values creates content-aware breakpoints. When a three-column layout is set to break at 90ch, each column is roughly 30 characters wide — aligning with minimum readable line-length guidelines. Unlike media queries, container queries respect the element's own font size, so breakpoints adapt automatically when the base font size changes. This approach replaces magic numbers with meaningful, content-first breakpoints.
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
Related posts
Testing monograms and secondary logo options for one of the projects I am working on.
I wonder which one the client will pick!
love the E with the circle around it! but they really cant go wrong with any 🔥
A multi-property real estate operator came to me last month asking for a logo refresh. We never touched the logo.
The logo wasn't the problem. The problem was that every property had its own headline style, its own button shape, and three different fonts in three different listing decks. Investors couldn't tell which properties belonged to the same operator.
That's not a creative problem. That's a governance problem.
We wrote a one-page system. Five rules. What the headline does. How the button looks. Which font, full stop. Where the operator's name sits on the brochure. What the photo treatment is.
Six weeks later they closed on their eighth property. The acquisition memo was the first one a private investor said "looked like a real platform" instead of a portfolio of one-off deals.
The logo is still the same logo it was eighteen months ago.
Most brand work that gets billed as identity is actually governance work in a trench coat. The companies that read as one company across every surface aren't the ones with the best logo. They're the ones where every surface obeys five rules.
If you've got more than three surfaces and can't name those rules in one breath, the problem isn't your logo.
excellent
A medical pitch deck for Pilleve showcasing a smart medication safety system designed to help healthcare providers monitor medication usage, improve patient adherence, and reduce prescription misuse.
Nice!
Trending
Claude
Claude has entered the design space. How are you using Claude Design?
Contra University
Learn from expert creatives how to earn more using next-gen AI tools.
creativeaiflow
Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?
portfolioreview
The best portfolios tell a story, not just show a grid. Share yours for feedback.
freelancerlife
Freelancer life is wins, pivots, and everything in between. What’s yours right now?