Skip to content


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 Figure component 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.

Go back to top of the page