HTML
<div class="header-outer">
<div class="header-left">
<div class="header-left-img">
</div>
</div>
<div class="header-center">
<div class="header-center-blurb">
<div class="header-center-blurb-inner">
<div class="blurbtext">
blurb here. a lot of words will go here. This will scroll don't worry about it. blurb here. a lot of words will go here. This will scroll don't worry about it. This will scroll don't worry about it. This will scroll don't worry about it.
</div>
</div>
</div>
<div class="header-center-bottom">
<div class="header-center-link">
one
</div>
<div class="header-center-link">
one
</div>
<div class="header-center-link">
one
</div>
<div class="header-center-link">
one
</div>
<div class="header-center-link">
one
</div>
<div class="header-center-link">
one
</div>
</div>
<div class="header-center-otm">
<img style="width: 250px; height: 145px;" src="https://i.postimg.cc/L6ksqs2j/coopg01.gif"/>
</div>
</div>
<div class="header-right">
<div class="header-admins">
<img src="https://i.postimg.cc/rpP4j3dh/insta05.png"/><br/>
<img src="https://i.postimg.cc/bY2xCy91/insta06.png"/><br/>
<img src="https://i.postimg.cc/MGTRyqGM/insta02.png"/>
<br/>
<img src="https://i.postimg.cc/MGTRyqGM/insta02.png"/>
</div>
</div>
</div>
CSS
.header-outer {
display: flex;
flex-direction: row;
justify-content:;
background-color: red;
width: 950px;
margin: auto;
padding: 15px;
border-radius: 15px;
column-gap: 30px;
}
.header-left {
background-color: blue;
border-radius: 15px;
padding: 10px;
width: 500px;
}
.header-left-img{
border-radius: 15px;
background: url(https://i.postimg.cc/Ls0Hcbp6/nasa-jl-V2k-Fx0fc-unsplashsmalledit02.png);
width: 100%;
height: 100%;
background-size: cover;
}
.header-center {
background-color: blue;
border-radius: 15px;
padding: ;
}
.header-center-blurb {
background: green;
border-radius: 15px;
width: 250px;
padding: 10px;
height: 150px;
}
.header-center-blurb-inner{
background: yellow;
padding: 15px;
border-radius: 15px;
height: 120px;
text-align: justify;
overflow-y: auto;
}
.blurbtext {
height: 120px;
background-color:;
line-height: 20px;
overflow-y: auto;
}
.header-center-bottom {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 270px;
background-color: yellow;
padding-top:;
justify-content: space-between;
}
.header-center-link {
background-color: red;
padding:10px;
width: 50px;
height: 50px;
text-align: center;
}
.header-center-otm {
background-color: green;
padding: 10px;
border-radius: 15px;
width: ;
height: 145px;
}
.header-center-otm img{
background-size: cover;
border-radius: 15px;
}
.header-right {
background-color: blue;
padding: 10px;
border-radius: 15px;
margin: auto;
}
.header-admins {
padding: ;
display: flex;
flex-direction: column;
justify-content:;
}
.header-admins img{
width: 100px;
height: 100px;
border-radius: 15px;
}
