(and update lat/long + zoom)
fill: red;
}
-#openweathermap-widget-15, .c3 {
+#openweathermap-widget-15, #windy, .c3 {
margin: 0 auto;
text-align: center;
padding-top: 1em;
}
-#openweathermap-widget-15 {
+#openweathermap-widget-15, #windy {
width: 300px;
+ height: 244px;
}
#current, #currentair, #currentwater {
#currentwater {
background-color: lightgreen;
}
-
-#windy {
- text-align: center;
- padding-top: 1em;
-}
<!-- windy widget -->
<div id="windy">
- <iframe width="650" height="450" src="https://embed.windy.com/embed2.html?lat=47.301&lon=10.970&zoom=9&level=surface&overlay=rain&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=48.200&detailLon=16.350&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0"></iframe>
+ <!-- width="650" height="450" -->
+ <iframe width="300" height="244" src="https://embed.windy.com/embed2.html?lat=47.297&lon=10.927&zoom=10&level=surface&overlay=rain&menu=&message=&marker=&calendar=&pressure=&type=map&location=coordinates&detail=&detailLat=48.200&detailLon=16.350&metricWind=default&metricTemp=default&radarRange=-1" frameborder="0"></iframe>
</div>
<hr />