What's wrong with my CSS , elements move and overlap when resizing window to smaller size?

Question

Ok , so below is my CSS AND HTML code. I have been using percentage for the divs so that those divs can re-adjust to bigger screen sizes . The annoying thing is that when I

Answer 1

its better you use media-queries here...

@media all and (max-width: 60%) and (min-width: 30%) {

..........what ever you whant to do...................

}

for more info on media-queries vist css-media-queries