<h2>
  <strong>
  ( Hi! <span class="large-only">Nice to meet you!</span> )> (◉◡◉)
  </strong>
</h2>
.large-only{
  display: none;
}

@media screen and (min-width: 400px){
  .large-only{
    display: inline;
  }
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.