Адаптивдүү дизайн түзүүдө кандай ыкмаларды билесиз…

Медиа сураныштары: CSS @media эрежелерин колдонуп, түзмөктүн мүнөздөмөлөрүнө (экранын кеңдиги, бийиктиги, багыты жана башка) негизделген стилилерди колдонуу.
```
/* Медиа суранышынын мисалы */
@media (max-width: 600px) {
  .container {
    width: 90%;
  }
}
```

Ийкемдүү тор түзүмү (Flexible Grid Layout): Ысымдардык бирдиктерди (%, vw, vh) жана ийкемдүү өзгөчөлүктөрдү (flex, grid) колдонуп макет түзүү.

/* Flexbox мисалы */
.parent {
  display: flex;
  flex-wrap: wrap; /* Элементтер жаңы сапка өтүүгө мүмкүндүк берет */
}

.child {
  flex: 1 1 200px; /* Элементтин кеңейиши, кысылышы жана негизги кеңдиги болушу мүмкүн */
}

Ийкемдүү сүрөттөр жана медиа: CSS өзгөчөлүктөрүн max-width колдонуп, сүрөттөр жана башка медиа элементтеринин пропорционал масштабын сактоо.
```
/* Ийкемдүү сүрөт мисалы */
img {
  max-width: 100%; /* Сүрөт ата контейнердин кеңдигинен ашпайт */
  height: auto;    /* пропорцияларды сактайт */
}
```
Мобил-Баштап vs. Десктоп-Баштап:
- Мобил-Баштап: Стиль биринчи мобил түзмөктөр үчүн иштелип чыгат, андан кийин min-width медиа сураныштары аркылуу чоңураак экрандарга кеңейтилет. Бул эң жакшы практика деп эсептелет, анткени мобил түзмөктөрдүн чектелген ресурстарына ылайыкташтыруу жана иштөө ылдамдыгын жакшыртат.
- Десктоп-Баштап: Стиль биринчи десктоптор үчүн иштелип чыгат, андан кийин кичинекей экрандар үчүн max-width медиа сураныштары аркылуу кыскартылат.
Өзгөчөлүктөрдү аныктоо (Feature Detection): JavaScript колдонуп, браузер же түзмөктүн мүмкүнчүлүктөрүн аныктоо (мисалы, тач-интерфейс колдоосу) жана тиешелүү стильдер же функцияларды колдонуу. Modernizr сыяктуу инструменттер жардам бере алат.
Жооптуу типография: Экрандын өлчөмүнө жараша шрифттин өлчөмүн жана саптын бийиктигин өзгөртүү, көбүнчө салыштырмалуу бирдиктер (em, rem, vw) жана медиа сураныштарды колдонуу.
```
/* Жооптуу типографиянын мисалы */
h1 {
  font-size: 2em;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3em;
  }
}
```
Сервер тараптан аныктоо (Server-Side Detection): Түзмөк же браузердин түрүн серверде аныктоо жана тиешелүү версиясын же стильдерин жөнөтүү. Бул заманбап фронтендде азыраак колдонулат.

Адаптивдүү дизайн түзүүдө кандай ыкмаларды билесиз?