css grid media queries

1@media (min-width: 700px) {
2  .user-profile {
3    display: flex;
4    ...
5  }
6}
7

1<div class="user-profile">
2
3  <span class="user-profile__username">
4    Rob Ott
5  </span>
6
7  <img src="avatar.jpg" class="user-profile__avatar"/>
8
9  <p class="user-profile__bio">
10    made of metal
11    likes animals
12    hates water skiing
13  </p>
14
15</div>
16