About

How the slicing work is done

A simple process

Pages are built section by section from the design, with shared styles in one CSS file and small scripts in one JS file. Spacing, colors, and type sizes are kept as CSS variables so changes are easy.

Each page is checked at desktop, tablet, and mobile widths before it is delivered.

Checklist

  • Semantic structure and heading order
  • Responsive breakpoints at 960px and 640px
  • Accessible navigation and focus styles
  • Reduced-motion support for animations
3Screen sizes
0Frameworks
1CSS file