Responsive Design bezieht sich auf eine Methode des Webdesigns. Dabei werden Websites so gestaltet, dass sie sich automatisch an die Größe des Bildschirms des Geräts anpassen, auf dem sie angezeigt werden.
Es werden die Prinzipien des Mobile First angewendet, was bedeutet, dass die Website in erster Linie für mobile Geräte optimiert wird und dann auf größere Bildschirme erweitert wird.
Um diese Anpassung zu ermöglichen, werden sogenannte Media Queries verwendet, die abhängig von der Größe des Anzeigebereichs des Geräts unterschiedliche Stylesheets laden. Dabei spielen die Definition des Viewports und das Setzen von Breakpoints eine wichtige Rolle.
