We try to abide by a mobile-first responsive design approach, thinking about users on
smaller devices thoroughly while we still heavily aim to create a very pleasant experience for our users on wider displays.

By using tailwind as a utility-first CSS tool, we have some [fixed breakpoints](https://tailwindcss.com/docs/responsive-design) to apply classes. In cases where those fixed break points are insufficient, we fallback to using
the React hook `useResponsiveValues`. Here's an example: