css grid media queries

CSS
<div class="user-profile">

  <span class="user-profile__username">
    Rob Ott
  </span>

  <img src="avatar.jpg" class="user-profile__avatar"/>

  <p class="user-profile__bio">
    made of metal
    likes animals
    hates water skiing
  </p>

</div>
@media (min-width: 700px) {
  .user-profile {
    display: flex;
    ...
  }
}

Source

Also in CSS: