JSFiddle - React, Tailwind, and code Playground

Fliplet One Column - Not Full Width

by Hugo Carneiro

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      <section data-fl-edit="">
        <p>{{{widget 835}}}</p>
        <h3>Nullam quis risus eget urna mollis ornare vel eu leo. Aenean lacinia bibendum nulla sed consectetur.</h3>
        <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
          Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus.</p>
        <p>{{{widget 823}}}</p>
      </section>
    </div>
  </div>
</div>

CSS

body {
  margin: 0 !important;
}

img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 640px) {
  .container-fluid {
    padding: 0 12.5%;
  }
}