• Previous CSS Tip
• Next CSS Tip

Responsive grid of Hexagon shapes

Create a fully responsive grid of Hexagon shapes (and more!)

• No media query
• No JavaScript
• Minimal HTML code
• Easy to control using CSS variables

See the Pen Responsive Grid of Hexagon shapes by Temani Afif (@t_afif) on CodePen.

More detail: github.com/Afif13/responsive-grid-shapes

More CSS Tips

• A CSS-only custom cursor
• Extend the background to the edge of the screen
• CSS Graph paper pattern
• Wavy text animation II
• Wavy text animation
• A color overlay above your images