Check out example codes for "css grid media queries". It will help you in understanding the concepts better.

Code Example 1

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

Code Example 2

<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>

Learn ReactJs, React Native from akashmittal.com