Looking for my new book, Standout Designs for the Web? • Pre-orders open 12th November.

Stuff & Nonsense product and website design

Smashing Animations Part 5: Building adaptive SVGs with symbol, use, and CSS Media Queries

Yours truly over at the Smashing Magazine: “SVGs, they scale, yes, but how else can you make them adapt even better to several screen sizes? Web design pioneer Andy Clarke explains how he builds what he calls “adaptive SVGs” using symbol, use, and CSS Media Queries.”

Read Building adaptive SVGs with symbol, use, and CSS Media Queries

October 6, 2025 • Andy Clarke • Development • Smashing Magazine
My new book

Standout Designs for theWeb

I’ll show you how to uncover a company’s story, develop a distinctive visual language, and combine colour, typography, and layout to create designs that people remember.

Buy the e-book

I’m Andy Clarke. I’ve spent over thirty years helping clients create memorable websites. I’m also the author of five books on web design.

Planning a new website? I’d love to help you create something memorable.

Start a conversation

or book a call with me

You may also like

You might also like

Shop

Standout Designs for theWeb

Drawing on over thirty years of experience, I’ll show you how to uncover a company’s story, develop a distinctive visual language, and combine colour, typography, imagery, and layout to create designs that people recognise and remember.

Buy the e-book
Shop

Layout ❤︎

Free compound grid and modular grid layout generators, plus a set of HTML/CSS layout templates you can call on to make more interesting layouts, available to buy.

Go to Layout ❤︎