title: jsx remove parent according to size
body: <p>Says I have a DOM like this</p>
  <pre><code>&lt;div className=&quot;parent&quot;&gt;
     &lt;div&gt;child 1&lt;/div&gt;
     &lt;div&gt;child 2&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>and if it's mobile, I want to make the DOM become</p>
  <pre><code>   &lt;div&gt;child 1&lt;/div&gt;
     &lt;div&gt;child 2&lt;/div&gt;
  </code></pre>
  <p>Can I do it with just css? I guess I have to use conditional expression in jsx? What library to use to check media query in jsx?</p>