I cant divide 1 row from 3 columns in wordpress with footer theme
<p>i have a problem with this dividing 1 row with 3 columns. My code is actualy good, but i am wondering why it didn't work. I am using child template in wordpress and i was trying to divide the  footer into 3 columns. Here is my code </p>

<pre><code>&lt;div class="footer section large-padding bg-dark"&gt;
    &lt;div class = "row"&gt;
        &lt;div class="col-md-3"&gt;
            &lt;div class="icon-top red-text"&gt;
            &lt;/div&gt;
            &lt;div class="zerif-footer-address"&gt;&lt;center&gt;Company address&lt;/center&gt;&lt;/div&gt;
            &lt;/div&gt;

        &lt;div class="col-md-3"&gt;
            &lt;div class="icon-top red-text"&gt;
            &lt;/div&gt;
            &lt;div class="zerif-footer-address"&gt;&lt;center&gt;Company address&lt;/center&gt;&lt;/div&gt;
            &lt;/div&gt;

        &lt;div class="col-md-3"&gt;
            &lt;div class="icon-top red-text"&gt;
            &lt;/div&gt;
            &lt;div class="zerif-footer-address"&gt;&lt;center&gt;Company address&lt;/center&gt;&lt;/div&gt;
        &lt;/div&gt;
&lt;/div&gt;
    &lt;/div&gt; &lt;!-- /footer --&gt;
</code></pre>

<p>my override css from parent is here :</p>

<pre><code>/*
Theme Name:     Hemingway - Child Theme
Description:    Heminway Child Theme
Author:         john
Template:       hemingway

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/
.credits-inner {
    letter-spacing: 1px;
    text-transform: initial;    
}
.footer {
    margin-bottom:0px;
}
.company-details {
    width: 33%;
}
</code></pre>

<p>the output of the code is here :
<a href="https://i.stack.imgur.com/55s46.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/55s46.png" alt="Output of the code"></a></p>