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
Beautiful UI shouldn't require messy code. ✨
A while ago, I built this feature section for TipMi. Looking at the varied card sizes, you might think it requires complex positioning or endless Flexbox containers. The secret weapon? CSS Grid with grid-template-areas.
Using Grid for this specific architecture is the easiest, most scalable approach. You get complete two-dimensional control, allowing you to span items across multiple columns and rows seamlessly while keeping the underlying HTML structure incredibly clean and readable.
Take a look at the live build here: https://tipmi-dev.vercel.app/
Great design 👍
Thank You
Nice Layout 🔥
Thank you @Eniola Adeleke
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
I’m Talha, a Full-Stack Engineer specializing in Three.js, WebGL, React Three Fiber, and high-performance Web Development.
I build browser-native 3D product configurators, interactive BIM/IFC viewers, and custom WebGL applications that bring desktop-grade spatial experiences straight into the web browser.
As I’m new to Contra, I’d love to learn from experienced freelancers here: What strategies or workflows worked best for landing your very first client on Contra?
Any quick tips on proposal outreach, portfolio structuring, or client discovery on the platform would be super helpful!
Looking forward to connecting with fellow builders and clients here! 🚀
Strong showcase; combining Three.js, WebGL, and full-stack expertise makes the work feel both technically impressive and visually polished.
Nuwra is a modern fintech platform built around simpler money management.
I created its complete brand identity and designed the mobile app experience across banking, payments, cards, and investments, bringing the brand to life through a clean, intuitive interface.
Check out the full case study. Open to new work. DMs open.
#BrandIdentity #ProductDesign #UIUX #DesignSystems
We spent a good chunk of time on the Clustta website going back and forth on tone. There was a real pull to make it feel loud and playful, custom illustrations, quirky copy, that whole energy. But every time we pushed too far in that direction it started working against the product itself.
What we kept coming back to was Notion. It's playful in small doses (icons, tiny illustrations, the occasional line of copy with personality) but the actual interface and messaging stay clean and out of your way. GitHub and Slack were reference points too, since both trust their product to do the talking rather than the marketing page.
So that's where we landed: a site that's calm and direct, with just enough personality showing through (a basketball emoji here, a crossed-out "final final" there) without turning into a distraction. Still tweaking things as we go, but happy with where it's settled for now
