3 meta docs under #responsive-web-design
My website: Responsive images
Image generation is handled by a custom Astro integration, similar to
@astrojs/image, and all images are wrapped in a custom
Figurecomponent for richer content and better semantics. The image optimisations are carefully synchronised with the layout. Aspect ratio awareness is mandatory to eliminate CLS.
My website: Layout
This website uses break points defined by the content itself to reorganise content in 4 different layouts.
My website: Typography
About the typefaces used in this website and the responsive typographical scale in use.