Kā padarīt vietni pielāgojamu?

Izmantojot elastīgas režģus (Flexbox, Grid), media pieprasījumus stilu maiņai dažādās ekrāna izšķirtspējās, relatīvās mērvienības (%, rem, em, vw, vh) un elastīgas attēlus (max-width: 100%; height: auto;).

/* Media pieprasījums līdz 768px platuma ekrāniem */
@media (max-width: 768px) {
  .container {
    flex-direction: column; /* Navigāciju padarīt vertikālu */
  }
}

<img src="image.jpg" alt="Pielāgojams attēls" style="max-width: 100%; height: auto;">

Šo pieeju izmantošana ļaus lapas elementiem automātiski pielāgoties dažādu ierīču ekrāna izmēriem.