Što su Media Queries?
Media queries omogućuju prilagodbu CSS stilova ovisno o karakteristikama uređaja kao što su širina ekrana, orijentacija ili vrsta medija (ekran, print...).
Kako funkcioniraju?
Koriste @media pravila koja provjeravaju uvjete i primjenjuju različite stilove kada su ti uvjeti ispunjeni. Na primjer, možemo imati različite stilove za mobilne uređaje, tablete i desktop računala.
Primjer sintakse:
@media (max-width: 768px) { ... }
Ovaj kod primjenjuje stilove samo na ekranima užim od 768px.