Можете ли да објасните принцип рада media query у веб развоју?

Media query — је CSS механизам који омогућава примену различитих стилова у зависности од карактеристика уређаја или прозора прегледача, на пример, ширине екрана, оријентације, резолуције и других параметара.

У веб развоју, media query се користи за креирање одзивног дизајна, како би сајт исправно приказивао на различитим уређајима — од мобилних телефона до великих монитора.

Пример media query који мења боју позадине када је ширина екрана мања од 600px:

@media (max-width: 600px) {
  body {
    background-color: lightblue;
  }
}

У Flutter-у, иако је media query термин из веба, постоји слична класа MediaQuery која омогућава добијање информација о величини екрана и другим параметрима уређаја за адаптивни интерфејс.