JSFiddle - React, Tailwind, and code Playground

by Himanshu Joshi

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!--<div class="termsParent row">
  <div class="termsChild col-lg-4 col-md-4 col-sm-12">By clicking submit the user accepts the <a href="">terms of agreement</a> </div>
  <div class="termsChild col-lg-4 col-md-4 col-sm-12">and <a href="">privacy policy</a> </div>
</div>-->

<div class="termsParent">
  <div class="termsChild text-right">By clicking submit 
  the user accepts the <a href="">terms of agreement </a></div>
  <span> </span>
  <div class="termsChild"> and <a href="">privacy policy</a> </div>
</div>

CSS

.termsParent {
  display: flex;
  flex-wrap: wrap
}

.termsParent > .termsChild{
  flex:1;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    .termsChild {
       // width: 100%;
    }
}