Responzivni dizajn

Media Queries

Media query je tehnika u CSS-u koja omogućuje primjenu različitih stilova na temelju karakteristika uređaja, poput širine ekrana, visine, razlučivosti ili orijentacije. Korištenje media query-ja omogućuje kreiranje responzivnog dizajna, prilagođavajući izgled web stranice za različite uređaje, poput računala, tabletova i pametnih telefona. Sintaksa obično uključuje @media pravilo, nakon kojeg slijedi uvjet (npr. širina ekrana) i odgovarajući stilovi koji se primjenjuju kada uvjeti budu zadovoljeni. Time se omogućuje bolja korisnička iskustva na svim uređajima, poboljšavajući funkcionalnost i izgled stranice na različitim veličinama ekrana.