My layout is disorganized when resize from four columns into two columns (responsive)?
I layout like :
And when I resize into two column I have new issue like :
I do not want to add height into column. How can I fix this issue. Thanks
Your layout looks like typical use of floatting boxes.
If you give up float for display:inline-block; or inline-table; your boxes will wrap into lines , no matter their respective height.
You can tune the layout with: vertical-align:top;/* or any other value you need */
Apply float:left to the individual blocks.