i am making a responsive web design. i have a div with background image and this div is taking 100% of the body and padding bottom of 64%.it works perfectly responsive, but my problem is when i make another div with same background-image,padding bottom and 100% width and preview it in browser the hight of the first div shrinks. my question is why first div shrinks when secon div is placed just after it?
what i mean to say is that much bottom padding is to resolve hight issue.is there any other way to set hight for responsive background images? plz a code pen would be helpfull for responsive background image.