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

enter image description here

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

Popular posts from this blog

matlab - "Contour not rendered for non-finite ZData" -

delphi - Indy UDP Read Contents of Adata -

javascript - Any ideas when Firefox is likely to implement lengthAdjust and textLength? -