html - Custom CSS for a Blog List -
i creating php based website needs list programmes... tried creating custom css code myself, tried breaking templates css. failed. me css code div
1 given below
i add classes buttons , other icons myselves. want div
reponsive. not expert in css. want alignment. not fancy elements inside it.
i have made fiddle here please check out, hope can edit fiddle based on needs
html
<div class='customheight'> <div class='row'> <div class='col-sm-6 custom'> <div class='dateholder'>27 nov</div> </div> <div class='col-sm-6'> <div class='row '> <h3>some title goes here</h3> </div> <div class="row bottomgap">location / date goes here</div> <div class="row bottomgap">content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here content goes here</div> <div class='row'> <button class="btn btn-default"> buy tickets <button> <button class="btn btn-danger"> buy tickets <button> </div> </div> </div>
css :
*
.bottomgap{ margin-bottom:5px; }
.custom { background-color: #ccc; height:200px; } .customheight{ height:200px; } .dateholder{ height:80px; width:50px; background-color:#000; padding-top:10px; padding-left:10px; }
*
Comments
Post a Comment