title: how to make my contact section responsive in mobile view
body: <p>I am stuck with a problem, I made a Contact Us page , it is properly working on desktop mode but when am trying to see in mobile view it is not responsive , can anyone help me to fix this error</p>
  <p>This is the Contact Us page, I want its working on mobile view properly
  <a href="https://i.stack.imgur.com/VkpmE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VkpmE.png" alt="enter image description here" /></a></p>
  <blockquote>
  <p>Contact.html</p>
  </blockquote>
  <pre><code>&lt;section id=&quot;contact&quot;&gt;
          &lt;div class=&quot;row mt-5 mb-5&quot;&gt;
              &lt;div class=&quot;col-6&quot;&gt;
                  &lt;div class=&quot;row text-white &quot;&gt;
                      &lt;div class=&quot;col-6 &quot;&gt;
                          &lt;div class=&quot;row &quot;&gt;
                              &lt;div class=&quot;col-3  icon-fot&quot;&gt;
                                  &lt;i class=&quot;fas fa-map-marker-alt&quot;&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class=&quot;col-9 text-form-footer&quot;&gt;
                                  &lt;h3 class=&quot;font-weight-bold&quot;&gt;Find Us&lt;/h3&gt;
                                  &lt;p&gt;Mreylebon Rd,Merylebon London,NW1SH,UK&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;br&gt;
                          &lt;div class=&quot;row&quot;&gt;
                              &lt;div class=&quot;col-3 icon-fot&quot;&gt;
                                  &lt;i class=&quot;far fa-clock&quot;&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class=&quot;col-9 text-form-footer&quot;&gt;
                                  &lt;h3 class=&quot;font-weight-bold&quot;&gt;Working Hour&lt;/h3&gt;
                                  &lt;p style=&quot;display: inline;&quot;&gt;Mon-Fri : 8AM-5PM&lt;/p&gt;
                                  &lt;p&gt;Sat-Sun : 8AM-2PM&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class=&quot;col-6 &quot;&gt;
                          &lt;div class=&quot;row&quot;&gt;
                              &lt;div class=&quot;col-3 icon-fot&quot;&gt;
                                  &lt;i class=&quot;fas fa-phone-alt&quot;&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class=&quot;col-9 text-form-footer&quot;&gt;
                                  &lt;h3 class=&quot;font-weight-bold&quot;&gt;Call Us&lt;/h3&gt;
                                  &lt;p style=&quot;display: inline;&quot;&gt;+123 456 7890&lt;/p&gt;
                                  &lt;p&gt;+123 456 7890&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;br&gt;
                          &lt;div class=&quot;row&quot;&gt;
                              &lt;div class=&quot;col-3 icon-fot&quot;&gt;
                                  &lt;i class=&quot;far fa-envelope&quot;&gt;&lt;/i&gt;
                              &lt;/div&gt;
                              &lt;div class=&quot;col-9 text-form-footer&quot;&gt;
                                  &lt;h3 class=&quot;font-weight-bold&quot;&gt;Write To Us&lt;/h3&gt;
                                  &lt;p style=&quot;display: inline;&quot;&gt;Office@noise.com&lt;/p&gt;
                                  &lt;p&gt;Press@noise.com&lt;/p&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-6&quot;&gt;
                  &lt;form&gt;
                      &lt;div class=&quot;form-row&quot;&gt;
                          &lt;div class=&quot;col&quot;&gt;
                              &lt;input type=&quot;text&quot; class=&quot;w-100 p-2&quot; placeholder=&quot;Your Name...&quot;&gt;
                          &lt;/div&gt;
                          &lt;div class=&quot;col&quot;&gt;
                              &lt;input type=&quot;text&quot; class=&quot;w-100 p-2&quot; placeholder=&quot;Your Email...&quot;&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;textarea class=&quot;w-100 p-2 mt-2&quot; placeholder=&quot;Your Message...&quot; rows=&quot;5&quot; cols=&quot;50&quot;&gt;&lt;/textarea&gt;&lt;br /&gt;
                      &lt;button class=&quot;btn btn-outline-primary btn-block text-white font-weight-bold&quot;&gt;Send&lt;/button&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/section&gt;
  </code></pre>