Hi, I'm Mansi. I turn designs into delightful, pixel-perfect interfaces.

I started out as a Web Designer back in 2016, hand-converting Photoshop comps into standards-compliant HTML and CSS. Over the next five-plus years the work — and the web — kept evolving with me: from static pages to component libraries, from float hacks to Flexbox and Grid, from "looks fine on Chrome" to real performance budgets, accessibility audits and cross-browser pixel parity.

Today I focus on translating complex Figma designs into clean, semantic, performant front-ends. I care about the space between letters, the focus ring on a button, the load time on a slow connection — the small things that decide whether an interface feels solid or sloppy.

Off the keyboard, I mentor junior developers, review code with care, and partner closely with designers and back-end teams to ship work I'm proud of. Maintainable HTML and CSS is a craft — and I take it seriously.

How I work

Semantic first. I reach for <div> last — there's usually a tag that already tells the browser, the screen reader and the next developer what something means.

Fluid by default. Layouts should breathe at every viewport, not just at the breakpoints we happened to test. clamp(), container queries and intrinsic sizing do more work than another media query.

Performance is a feature. Optimized images, lean CSS, no render-blocking surprises. The fastest page is the one nobody has to wait for.

Accessibility is a baseline. Every control is reachable, every field is labelled, every contrast ratio is checked. If it doesn't work for everyone, it isn't done.