JSFiddle - React, Tailwind, and code Playground

by Maksim Hrynevich

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="col-xs-3 col-sm-3 col-md-3 phonenumbers">
    <h2>Phone numbers:</h2>
    <p>555-555-555</p>
    <p>555-555-555</p>
    </div>
    <div class="col-xs-3 col-sm-3 col-md-3 email">
    <h2>Email:</h2>
    <p>info@test.ca</p>
    <p>careers@test.ca</p>
    </div>
    <br>
    <div class="col-xs-12 col-md-12">
    <h1>Connect with Us!</h1>
    <p></p>
    [contact-form-7 id="23" title="Contact Us Form"]
    </div>

CSS

.phonenumbers {
    margin-left: 35%;

}
.email {
    margin-left: 10%;
}

    @media (max-width: 800px) {
      .phonenumbers {
        margin-left: 0;
      }
      .email {
        margin-left: 0;
      }
    }