I'm a noob and I've got a problem with my 12 col grid. I have a row and in that, i have two divs (logo and search). On large screens the logo is 4 cols, the search is 8, and on small screens they are both 12 so stack.
The problem I have is that on small screens, the content of the search div is too big for the height of the row and so it overlaps the next div.
How do I get the row to change height automatically to accomodate whatever is in the row, so that it never overlaps the next row in the grid?
I searched for answers, but couldn't find anything - I'm sure it is something really simple. Can anyone please help?