responsiveness in html and css @media query

Question

I\'m trying to create 3 different scenario\'s. Small screen, medium screens and large screens.

  @media screen and (max-width: 400px)  {
      .message-large,