Responzivní design

Responzivní design znamená, že se web sám přizpůsobí zařízení, na kterém ho někdo prohlíží. Na mobilu se prvky přeskládají do jednoho sloupce, na velkém monitoru se rozloží do šířky. Návštěvník tak nemusí nic zvětšovat ani posouvat do stran.

Většina lidí dnes chodí na weby z mobilu, takže responzivita není luxus, ale nutnost.

Responzivní design zajišťuje, že layout reaguje na velikost viewportu pomocí flexibilních mřížek, relativních jednotek a media queries. V praxi se dnes běžně staví přístupem „mobile first" a s utilitami Tailwind CSS a jejich breakpointy. Základem je meta tag viewport a testování na reálných rozlišeních, nejen zmenšováním okna. Responzivita souvisí i se SEO, protože Google indexuje weby primárně podle jejich mobilní verze.