modern CSS techniques - Mochiai.blog

Two grids of hexagons, arranged side-by-side. N and M variables are between them illustrating odd rows with the N variable and even rows with M.

Responsive Hexagon Grid Using Modern CSS | CSS-Tricks

By Temani Afif
January 23, 2026

Five years ago I published an article on how to create a responsive grid of hexagon shapes. It was the only technique that didn’t…

Responsive List of Avatars Using Modern CSS (Part 2) | CSS-Tricks

By Temani Afif
December 17, 2025

Ready for the second part? If you recall, last time we worked on a responsive list of overlapping avatar images featuring a cut-out between…

Responsive List of Avatars Using Modern CSS (Part 1) | CSS-Tricks

By Temani Afif
December 15, 2025

A list of rounded images that slightly overlap each other is a classic web design pattern. You are for sure wondering what the novelty…