$0.000

Styles-Responsive

Home / Styles-Responsive

To create one full width column use the code <div class=”col col-100″>enter content here</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

To create two responsive columns use the code <div class=”col col-100″>enter content here</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

To create three responsive columns use the code <div class=”col col-100″>enter content here</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

To create four responsive columns use the code <div class=”col col-25″>enter content here</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

To create two uneven width responsive columns, on the narrow side use the code <div class=”col col-33″>enter content here</div> To create this paragraph Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

To create two uneven width responsive columns, on the wide side use the code <div class=”col col-100″>enter content here</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.

To add content that will automatically separate into even columns, use the code <div class=”columns”>enter content here</div> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam ac ipsum tortor. Suspendisse semper orci nisi, quis sodales mauris sodales quis. Suspendisse consequat fermentum lacus, ut mollis augue rhoncus vitae. Quisque aliquet placerat ipsum eget tincidunt. Cras sit amet varius augue, in blandit diam. Duis finibus elementum metus, eu facilisis nulla venenatis quis.