i have been searching ages , couldn't code below work. works fine except columns don't stack on mobile size view. tried adding col-xs-12 , other variations can't figure out.
<div class="container-fluid offers"> <div class="row row-eq-height"> <div class="col-md-6 website-package"> <div class="row"> <div class="col-md-4 col-md-offset-4 featured-image"> <img class="center-block img-responsive package-icon" src="assets/img/website.png"> </div> <div class="col-md-12 featured-image"> <p>lorem ipsum dolor sit amet</p> </div> </div> </div> <div class="col-md-6 website-package"> <div class="row"> <div class="col-md-4 col-md-offset-4 featured-image"> <img class="center-block img-responsive package-icon" src="assets/img/online-shop.png"> </div> <div class="col-md-12 featured-image"> <p>lorem ipsum dolor sit amet</p> </div> </div> </div> </div> </div> </div> here css various classes although doubt has in case.
.website-package { background: #5fa1a8; border-color: #fff; border-style: solid; margin: 30px; } .featured-image{ background:transparent; border: none; } thanks in advance responses!
you made mistake. saw there margin:30px on .website-package. delete or use margin:0px 30px. jsfiddle : https://jsfiddle.net/3z1btenk/1/
Comments
Post a Comment