Zrobiłem jak poniżej ale wiersz z nazwą miesiąca po zmianie wielkość przeglądarki ma inne rozmiary niż dni poniżej
<html>
<meta http-equiv=Content-Type content="text/html; charset=windows-1250">
<style>
.tile, .tile1, .tile2 {
display: flex;
justify-content: center;
flex-flow: row nowrap;
}
.tile .sub_tile_miesiac {
display: inline-block;
color:red;
background-color: #acc;
padding: 15px;
border: 2px solid white;
margin-bottom: 0px;
width: 899px;
}
.tile1 .sub_tile {
display: inline-block;
color:red;
background-color: #acc;
padding: 15px;
border: 2px solid white;
margin-bottom: 0px;
width: 100px;
}
.tile2 .sub_tile {
display: inline-block;
color:green;
background-color: #acc;
padding: 15px;
border: 2px solid white;
margin-bottom: 0px;
width: 100px;
}
.sub_tile_miesiac {
display: flex;
min-width: 50px;
height: 20px;
}
.sub_tile {
display: flex;
min-width: 50px;
height: 50px;
}
.child {
margin-left: auto;
margin-right: auto;
align-self: center;
}
iframe {
display: none;
margin-top: -9000px;
}
.button_close {
display: none;
margin-top: -9000px;
}
#prv_billboard_closer {
display: none;
margin-top: -9000px;
}
#prv_main_link {
display: none;
margin-top: -9000px;
}
#privacySettingsPopup {
display: none;
margin-top: -9000px;
}
.ramka {
position: relative;
width:90%;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 10px 16px;
z-index: 1;
margin-top: -1.8em;
margin-left: 2.5em;
}
.child:hover .dropdown-content {
display: block;
}
</style>
<br><br>
<body style="background: darkgoldenrod;">
<div id="caldendar">
<div class="tile">
<div class="sub_tile_miesiac"><div class="child"><center>Lipiec 2020</div></div>
</div>
<div class="tile1">
<div class="sub_tile"><div class="child">Poniedziałek</div></div>
<div class="sub_tile"><div class="child">Wtorek</div></div>
<div class="sub_tile"><div class="child">Środa</div></div>
<div class="sub_tile"><div class="child">Czwartek</div></div>
<div class="sub_tile"><div class="child">Piątek</div></div>
<div class="sub_tile"><div class="child">Sobota</div></div>
<div class="sub_tile"><div class="child">Niedziela</div></div>
</div>
<div class="tile2">
<div class="sub_tile"><div class="child">1<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">2<div class="dropdown-content">b</div></div></div>
<div class="sub_tile"><div class="child">3<div class="dropdown-content">c</div></div></div>
<div class="sub_tile"><div class="child">4<div class="dropdown-content">d</div></div></div>
<div class="sub_tile"><div class="child">5<div class="dropdown-content">e</div></div></div>
<div class="sub_tile"><div class="child">6<div class="dropdown-content">f</div></div></div>
<div class="sub_tile"><div class="child">7<div class="dropdown-content">g</div></div></div>
</div>
<div class="tile2">
<div class="sub_tile"><div class="child">8<div class="dropdown-content">h</div></div></div>
<div class="sub_tile"><div class="child">9<div class="dropdown-content">i</div></div></div>
<div class="sub_tile"><div class="child">10<div class="dropdown-content">j</div></div></div>
<div class="sub_tile"><div class="child">11<div class="dropdown-content">k</div></div></div>
<div class="sub_tile"><div class="child">12<div class="dropdown-content">l</div></div></div>
<div class="sub_tile"><div class="child">13<div class="dropdown-content">m</div></div></div>
<div class="sub_tile"><div class="child">14<div class="dropdown-content">n</div></div></div>
</div>
<div class="tile2">
<div class="sub_tile"><div class="child">15<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">16<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">17<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">18<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">19<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">20<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">21<div class="dropdown-content">a</div></div></div>
</div>
<div class="tile2">
<div class="sub_tile"><div class="child">22<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">23<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">24<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">25<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">26<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">27<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">28<div class="dropdown-content">a</div></div></div>
</div>
<div class="tile2">
<div class="sub_tile"><div class="child">29<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">30<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child">31<div class="dropdown-content">a</div></div></div>
<div class="sub_tile"><div class="child"> </div></div>
<div class="sub_tile"><div class="child"> </div></div>
<div class="sub_tile"><div class="child"> </div></div>
<div class="sub_tile"><div class="child"> </div></div>
</div>
</div>
</body>
</html>