title: Styled Components does not style the container
body: <p>I am using react app and using the styled-components package for styling. My task is to move the container to the center of the page using styled.div, but it cant work. Anyone can help? Thanks for advance:)</p>
  <p>//below is the html</p>
  <pre><code>&lt;FormContainer&gt;
      &lt;div className=&quot;form-container&quot;&gt;
        &lt;form&gt;
            &lt;h1&gt;Sign In&lt;/h1&gt;
                &lt;div className=&quot;input-container&quot;&gt;
                 &lt;input type=&quot;email&quot; required&gt;&lt;/input&gt;
                &lt;/div&gt;
         &lt;/form&gt;
       &lt;/div&gt;
   &lt;/FormContainer&gt;
  </code></pre>
  <p>//below is my styled-components</p>
  <pre><code>const FormContainer = styled.div`
  display: grid;
  jusitify-content: center;
  position: relative;
  z-index:5;
  
  .form-container{
  position: relative;
  width:28.125rem;
  height:41.25 rem;
  padding:4 rem;
  }`;
  </code></pre>