What's a Media query

Hello, I’m working on CSS and come across things called media queries (@media). Could someone explain it beginner-friendly so that I would understand what it is?

Media queries are introduced in this challenge:

It’s used to make your design respond to the size of the browser window (i.e., you can have different layouts and styles for a smaller windows, like a cellphone, as opposed to a computer monitor size). More here.