In my current project, I am working with a div containing 4 inner divs. These inner divs have fixed positions and I am struggling to make the overall layout responsive while keeping each individual div in its original position. Here is my code on jsfiddle.
I have set the positions of the inner divs using margin-top and margin-left properties.
.one{
margin-top: 16em;
margin-left: 2em;
position: absolute;
}
.spinner.two {
margin-top: 20em;
margin-left: 1em;
position: absolute;
}
.spinner.three {
margin-left: 4em;
margin-top: 23em;
position: absolute;
}
.spinner.four {
margin-left: 14em;
margin-top: 19em;
position: absolute;
}
Despite my efforts, I have not been able to achieve responsiveness. Any assistance would be greatly appreciated.