Proficiency93%

Skill Deep Dive

CSS3

Layouts, animations, responsive design, and visual polish across devices.

Proficiency93%

All Projects

About this skill

CSS is how I translate designs into responsive, polished interfaces — flexbox, grid, transitions, and custom themes.

I combine utility frameworks with custom CSS when projects need a unique visual identity.

CategoryStyling

Proficiency93%

Projects9

FocusLayout & Motion

What I use it for

Flexbox and CSS Grid layouts
Responsive breakpoints and mobile-first design
Animations and micro-interactions
Custom properties and theming

Projects with CSS3

A selection of shipped work where CSS3 was part of the core stack — from freelance builds to production apps.

Live

Next.jsReduxTailwind

Tepo Shopping

E-commerce storefront built with Next.js, Redux, and Tailwind — product catalog, cart flow, and responsive shopping experience.

View Project Live Demo

Live

ReactTypeScriptReact Query

B Chef

Recipe and cooking web app with React, TypeScript, React Query, Redux, and Tailwind for a polished food-focused UI.

View Project Live Demo

Live

Next.jsTailwindHTML5

SnapCart

Frictionless WhatsApp-first shopping — browse products, skip the cart forms, and order instantly with a Next.js storefront.

View Project Live Demo

Live

ReactBootstrapMUI

Online Shopping

React e-commerce UI with Formik validation, MUI components, and Bootstrap layouts for a complete shopping interface.

View Project Live Demo

Live

ReactBootstrapMUI

Cinema Mix

Movie discovery app with React, Formik forms, and MUI — browse films, ratings, and cinematic content.

View Project Live Demo

Live

ReactReact QueryRedux

Lightning Weather

Real-time weather dashboard with React Query, Redux, Bootstrap charts, and live API data visualization.

View Project Live Demo

Live

ReactBootstrapMUI

News In Hands

News reader app with React, Bootstrap, and MUI — article browsing and responsive content layouts.

View Project Live Demo

Live

JavaScriptBootstrapHTML5

Games For Fun

Games marketplace landing built with JavaScript and Bootstrap — showcase and browse game titles.

View Project Live Demo

Live

JavaScriptBootstrapHTML5

Angora

Brand landing page with Bootstrap and JavaScript — clean marketing layout and responsive design.

View Project Live Demo

Back to all skills