title: How to solve problem with responsive layout?
body: <p>I have problem, I use this piece of code to responsive layout. In my computer when I use programming tools to watch how my code look in phone size, it look perfect but when I deployment it this not work at all.
  I do not understand why, because I have the same piece of code in another sub-page, and there it work good.</p>
  <pre><code>import MediaQuery, { useMediaQuery } from &quot;react-responsive&quot;;
  
      const Phone = useMediaQuery({
        query: &quot;(max-width: 641px)&quot;
      });
      &lt;Card style={{ width: Phone ? '100%' : &quot;32%&quot;, float: &quot;left&quot;, backgroundColor: &quot;#003263&quot;, height: &quot;380px&quot;}} &gt;
  </code></pre>