SERGIO TOMASBack to portfolio

Language · Language

CSS3

Layouts that adapt to every screen.

Used at
  • Stellar Gaming
  • DOMVS iT
  • Claro
  • Resource IT
  • Tugarê
  • Marvin
  • Atento
01Overview

CSS turns structure into experience. I build responsive, maintainable styling systems with Flexbox and Grid, and scale them across teams through design systems.

02Key concepts

What anyone working with it needs to understand

  1. 01

    Cascade & specificity

    How rules win, and how to keep specificity low and predictable.

  2. 02

    Box model

    Content, padding, border, margin and box-sizing.

  3. 03

    Flexbox & Grid

    One-dimensional and two-dimensional layout, and when to use each.

  4. 04

    Responsive design

    Mobile-first, media and container queries, fluid typography.

  5. 05

    Custom properties

    CSS variables as design tokens for theming.

  6. 06

    Animations

    Transitions, keyframes and performant transform/opacity animations.

03In practice
Responsive interfaces at every company I've worked for, the Claro rebranding rollout and contributions to the Mondrian design system.