title: how to create columns in angular material card?
body: <p>How do we divide an angular mat card grid in parts ? Anyone has an idea here ?. I wanted to create a division same with the image below , I have provided my sample code below with the mat card and inputs.Thank you.</p>
  <p>Already tried lot of stuff but cant seem to figure it out.</p>
  <p>[This is the division that I want][1]</p>
  <p>Code</p>
  <pre><code>&lt;div&gt;&lt;hr style=&quot;width:38%;margin-top:50px;background-color:#E5E5E5;&quot;&gt;&lt;/div&gt;
          &lt;mat-card class=&quot;custom&quot;&gt;
              &lt;mat-card-content&gt;
                  &lt;div fxLayout=&quot;row&quot; fxFlex=&quot;100&quot; fxLayoutAlign=&quot;space-around center&quot;&gt;
                      &lt;div fxFlex=&quot;45%&quot;&gt;
                          &lt;mat-form-field class=&quot;full-width&quot; appearance=&quot;fill&quot; style=&quot;margin-top: 20px;&quot;&gt;
                              &lt;mat-label&gt;Firstname&lt;/mat-label&gt;
                              &lt;input matInput&gt;
                          &lt;/mat-form-field&gt;
                      &lt;/div&gt;
                      &lt;div fxFlex=&quot;45%&quot;&gt;
                          &lt;mat-form-field class=&quot;full-width&quot; appearance=&quot;fill&quot; style=&quot;margin-top: 20px;&quot;&gt;
                              &lt;mat-label&gt;Lastname&lt;/mat-label&gt;
                              &lt;input matInput&gt;
                          &lt;/mat-form-field&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/mat-card-content&gt;
              &lt;mat-card-content&gt;
                  &lt;div fxLayout=&quot;row&quot; fxFlex=&quot;100&quot;&gt;
                      &lt;div fxFlex=&quot;45%&quot;&gt;
                          &lt;mat-form-field class=&quot;full-width&quot; appearance=&quot;fill&quot; style=&quot;margin-top: 20px;&quot;&gt;
                              &lt;mat-label&gt;Firstname&lt;/mat-label&gt;
                              &lt;input matInput&gt;
                          &lt;/mat-form-field&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/mat-card-content&gt;
          &lt;/mat-card&gt;
  </code></pre>