Alpesh M

Standard Table CSS

.box-table-b {border-collapse: collapse; margin: 10px 0 0px; width: 100%;} .box-table-b th {background: #002f92; border: 1px solid #ffffff; font-weight: normal; padding: 12px 8px; color: #FFFFFF; font-size: 16px;} .box-table-b td {background: #f3f3f3; border: 1px solid #ffffff; padding: 8px;} .box-table-b tr:hover td {background: none repeat scroll 0 0 #d9f5f8;}Read more …
Alpesh M

Div re-order with CSS

<div class=”container”> <div class=”box first”>Box 1</div> <div class=”box second”>Box 2</div> <div class=”box third”>Box 3</div> </div> .container{display:flex; flex-flow: row wrap; justify-content:space-between; } @media screen and (max-width:600px){ .container {flex-direction:column } .second{order: 3; } .third{order: 2} }Read more …