Creando un media querie

Sintaxis básica de un media querie

by InaWeb

HTML

<div class="container">
  <div class="item">Elemento 1</div>
  <div class="item">Elemento 2</div>
  <div class="item">Elemento 3</div>
  <div class="item">Elemento 4</div>
</div>

CSS

.container{
  display:flex;
  justify-content:space-between;
}
.item{
  background:red;
  padding:1em;
}

@media screen and (max-width:600px){
  .container{
    padding:50px;
  }
}