I wish this help you The default value for vertical-align(applies to inline-level and table-cell elements) is baseline(baseline of the previous element), this is why you are experiencing that. You could use vertical-align: top along with display: inline-block to prevent this.
I think the issue was by ths following , I have a table-like layout which needs to be responsive . The problem i'm having is that the columns need to be the same width as the screen on mobile devices and displayed side-by-side on a tablet or normal screen. , You can use display: flex; with flex-wrap: wrap; here.
will be helpful for those in need im making a html css website however the high of the second div isnt equal with the first div here is the code : , Replace .header and .ThirdDiv styles with the next ones: