@media only screen and (min-width: 900px) {
.map_left {
display: inline;
float:left;
width: 100px;
height: 100px;
border: 3px solid green;
}
.map_right {
display: inline;
float:right;
width: 100px;
height: 100px;
border: 3px solid blue;
}
}Is there a way for the first div, which contains the other two divs, to resize itself without specifying width and height in pixels? I would like it to resize dynamically. Is this possible?
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="prova.css"/>
<title></title>
</head>
<body>
<center><div style="border: 3px solid">
<div class="map_left" width="90%"></div>
<div class="map_right" width="90%"></div>
</div></center>
</body>