Feb.04

Equal height div multiple row & column with responsive design

If we need multiple row and multiple column with out tabular design. We have option of css content  .wrapper-header-news>div{display:table-cell;}  element can mentioned as table cell or td the height(border) should be same on the table cell. so I needed the content display on boxes these must be same in height with responsive design. Please follow my design if you need similar type of display content as figure below.

multi_column_responsive_des

height between the inner content at same . The content of both div wouldnot possible to same but in that case we need the same height border display between inner div. I have assumed the inner wrapper container have two block is need to same height as maximum contents height.

responsive_tabular_design

Share this Story:
  • facebook
  • twitter
  • gplus

Leave a comment

Facebook Comment