Grafana

<style>
.flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    background: transparent;
    box-shadow: none !important;
    transition: all .4s ease-in-out;
    cursor: pointer
}

/* -------------------Small widget------------------- */
.flex-child { padding: 3px; flex-grow: 1; flex-basis: 0;}
#grafanadwidget { position: relative; height: calc(80px); width: calc(100%);}
/* -------------------Small widget------------------- */

/* -------------------Medium widget------------------- */
.flex-child-medium { padding: 3px; flex-grow: 1; flex-basis: 0;}
#grafanadwidget-Medium { position: relative; height: calc(250px); width: calc(100%);}
/* -------------------Medium widget------------------- */

/* -------------------Big widget------------------- */
.flex-child-big { padding: 3px; flex-grow: 1; flex-basis: 0;}
#grafanadwidget-big { position: relative; height: calc(300px); width: calc(100%);}
/* -------------------Big widget------------------- */

/* -------------------iFrame Link------------------- */
.iframe-link { z-index:1; position:absolute; height: calc(80px); width: calc(100%); background-color: transparent; cursor: pointer}
/* -------------------iFrame Link------------------- */

#announcementRow { background-color:transparent !important;}
#announcementRow>h4 {
    padding-left: 15px;
    font-family: Rubik,sans-serif;
    margin: 10px 0;
    font-weight: 300 !important;
    line-height: 22px;
    font-size: 18px;
    color: #dce2ec;
}
.overflowhider { height: 100%; overflow: hidden;}
@media only screen and (max-width: 650px) {.flex-child-big {flex-basis: auto;min-width: auto !important;}}
@media only screen and (max-width: 1125px) {.flex-child-big {flex-basis: auto;min-width: 600px;flex-basis: fit-content;}}
@media only screen and (max-width: 1649px) {.flex-child {flex-basis: auto;}}
</style>

<!-- -------------------Monitoring------------------- -->
<div id="announcementRow" class="row"><h4 class="pull-left">
    <span>Monitoring</span></h4><hr class="hidden-xs"></div>


    <!-- -------------------Raid / Movie Stats------------------- -->
<div class="content-box flex small">
    <!-- -------------------Raid Status------------------- -->
    <div class="flex-child" id="flex-grafanadwidget">
    <div class="overflowhider">
    <iframe class="iframe" id="grafanadwidget" frameborder="0"
    frameborder="0" src="http://192.168.1.7:3000/d-solo/TIcL1_ezk/synology-dashboard?orgId=1&refresh=1m&panelId=7"></iframe>
    </div></div>

</div>