Kādus pieejas jūs zināt, lai izveidotu adaptīvu…

Mediju vaicājumi: Izmantojot CSS @media noteikumus, lai piemērotu stilus atkarībā no ierīces raksturlielumiem (ekrāna platumu, augstumu, orientāciju utt.).
```
/* Mediju vaicājuma piemērs */
@media (max-width: 600px) {
  .container {
    width: 90%;
  }
}
```

Elastīgs režģa izkārtojums (Flexible Grid Layout): Izveidot izkārtojumu, izmantojot relatīvas vienības (%, vw, vh) un elastīgas īpašības (flex, grid).

/* Flexbox piemērs */
.parent {
  display: flex;
  flex-wrap: wrap; /* Atļauj elementiem pāriet jaunā rindā */
}

.child {
  flex: 1 1 200px; /* Atļauj elementam izstiepties, saspiesties un būt ar pamata platumu */
}

Elastīgas bildes un mediji: Izmantot CSS īpašības max-width, lai proporcionāli mērogotu attēlus un citus mediju elementus.

/* Elastīgas bildes piemērs */
img {
  max-width: 100%; /* Attēls nepārsniegs vecāka konteinera platumu */
  height: auto;    /* Saglabā proporcijas */
}

Mobilo pirmkārt vs. Datora pirmkārt:
- Mobilo pirmkārt: Stils tiek izstrādāts vispirms mobilajiem ierīcēm, pēc tam paplašināts lielākiem ekrāniem ar min-width mediju vaicājumiem. Tas ir labākais prakse, jo vienkāršo stilu pielāgošanu ierobežotiem resursiem un uzlabo veiktspēju.
- Datora pirmkārt: Stils tiek izstrādāts vispirms datora ekrāniem, pēc tam samazināts mazākiem ekrāniem ar max-width mediju vaicājumiem.
Funkciju noteikšana (Feature Detection): Izmantojot JavaScript, noteikt pārlūkprogrammas vai ierīces iespējas (piemēram, atbalstu skārienekrānam) un piemērot atbilstošus stilus vai funkcionalitāti. Rīki kā Modernizr var palīdzēt.
Atbildīga tipogrāfija: Teksta izmēra un rindu augstuma maiņa atkarībā no ekrāna izmēra, bieži izmantojot relatīvas vienības (em, rem, vw) un mediju vaicājumus.
```
/* Atbildīgas tipogrāfijas piemērs */
h1 {
  font-size: 2em;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3em;
  }
}
```
Servera puses noteikšana (Server-Side Detection): Noteikt ierīces vai pārlūkprogrammas tipu serverī un nosūtīt atbilstošu versiju vai stilus. Mazāk izplatīts mūsdienu frontendā.

Kādus pieejas jūs zināt, lai izveidotu adaptīvu dizainu?