Veb saytını necə adaptiv etmək olar?

Çevik şəbəkələr (Flexbox, Grid), ekran həllərinə görə üslubları dəyişdirmək üçün media sorğuları, nisbi ölçü vahidləri (%, rem, em, vw, vh) və çevik şəkillər (max-width: 100%; height: auto;) istifadə edərək.

/* 768px-ə qədər ekranlar üçün media sorğusu */
@media (max-width: 768px) {
  .container {
    flex-direction: column; /* Naviqasiyanı şaquli dəyişdirin */
  }
}

<img src="image.jpg" alt="Uyumlu şəkil" style="max-width: 100%; height: auto;">

Bu yanaşmaları tətbiq etməklə, səhifənin elementləri cihazların müxtəlif ekran ölçülərinə avtomatik uyğunlaşacaq.