Kaip padaryti svetainę adaptabilią?

Naudojant lanksčius tinklus (Flexbox, Grid), media užklausas stiliams keisti skirtingais ekrano raiškais, santykinės matavimo vienetus (%, rem, em, vw, vh) ir lankstinius vaizdus (max-width: 100%; height: auto;).

/* Media užklausa iki 768px pločio ekranams */
@media (max-width: 768px) {
  .container {
    flex-direction: column; /* Navigaciją keisti į vertikalią */
  }
}

<img src="image.jpg" alt="Prisitaikantis vaizdas" style="max-width: 100%; height: auto;">

Taikant šiuos metodus, puslapio elementai automatiškai prisitaikys prie skirtingų įrenginių ekranų dydžių.