title: Hide/Show <paragraph> with media query
body: <p>I've coded a site, but I have a question - I have 2 different paragraphs in the same div, but one of them should only show when the screen is 600 or over. Can it be done this way? or should I wrap my <p> in a secondary  inside the first </p>
  
  <pre><code> &lt;span class="me-square"&gt;
              &lt;div class="me-wrapper"&gt;
                  &lt;h3&gt;ABOUT ME&lt;/h3&gt;
                  &lt;p&gt;My name is Katrine, but my friends call me Mira. I’m 20 years old and I live in Denmark. 
                  &lt;p id="me-2ndtext"&gt;I want this text to only show when the screen is 600 or over&lt;/p&gt;
      &lt;/div&gt;&lt;/span&gt;
  </code></pre>
  
  <p>CSS</p>
  
  <pre><code>#me-2ndtext{
      display: none;
  } 
  
  @media screen and (min-width: 601px) {
    div#me-2ndtext {
      display: block;
    }
  }
  </code></pre>