gistfile1.txt

<style>
.flex {
  	display: flex;
  	flex-wrap: wrap;
 	align-items: center;
  	justify-content: center;
	background: transparent;
	margin-top:10px;
	box-shadow: none !important;
}

.flex-child {
	flex: 1 1 0;
	padding: 10px 15px;
}

#flex-discord {
	overflow:hidden;
	min-width: 350px;
}

#flex-netdata {
	min-width: 695px;
}

@media only screen and (max-width: 800px) {
    #flex-netdata {
        display:none;
    }
}
@media only screen and (max-width: 400px) {
    .flex-child>h5 {
	margin-left: 15px;
    }
    #main-chat {
	width: 100% !important;
    }
}

#announcementRow {
	background-color:transparent !important;
}

.flex-child>h5 {
	text-transform: uppercase;
	font-weight: 600 !important;
	font-size: 15px;important;
}

.overflowhider {
	height: 200px;
	overflow: hidden;
}

#discordwidget {
	left: -10px;
	position: relative;
	height: calc(200px + 230px);
	width: calc(100% + 10px);
	top: -100px;
}

#netdatawidget {
	height:calc(200px);
	width:calc(100%);
}
</style>

<div id="announcementRow" class="row">
	<div class="content-box flex">
		<div class="flex-child" id="flex-discord">
         		<h5><span>Announcements</span></h5>
         		<div class="overflowhider"><embed id="discordwidget" src='https://widgetbot.io/embed/'/></div>
		</div>
      		<div class="flex-child box-shadow" id="flex-netdata">
         		<h5><span>Server Usage</span></h5>
          		<div class="overflowhider"><embed id="netdatawidget" src='/customnetdata/custom.html'/></div>
      		</div>
	</div>
</div>