HTML
<body>
<div class="meg-twit-outer">
<div class="meg-twit-inner">
<div class="meg-twit-header">
<div class="meg-twit-icon">
</div>
</div>
<div class="meg-twit-user">
<br/><br/> <span>Cooper Chase <img src="https://i.postimg.cc/ydRZcWCx/verifiedcheck.png" style="width: 20px; height: 20px;"/></span><br/>@thespaceman
</div>
<div class="meg-twit-bio">
former nasa astronaut. astrophysicist. professor @ Illinois Tech. author.
</div>
<div class="meg-twit-stats1">
Chicago, Illinois Joined April 2014
</div>
<div class="meg-twit-stats2">
<span>349</span> Following <span>127k</span> Followers
</div>
</div>
</div>
</body>
CSS
.meg-twit-outer {
width: 500px;
padding: 15px;
border: 1px solid black;
margin: auto;
}
.meg-twit-inner {
background: #14171A;
}
.meg-twit-header {
background: url(https://i.postimg.cc/rmFMSPrH/cooptwit02.jpg);
height: 150px;
}
.meg-twit-icon {
border-radius: 100%;
background: url(https://i.postimg.cc/dtV0KDNC/cooptwiticon01.jpg);
width: 120px;
height: 120px;
position: relative;
top: 59px;
left: 10px;
border: 5px solid #14171A;
z-index:;
}
.meg-twit-user {
padding: ;
font-size: 15px;
letter-spacing: 1px;
color: #AAB8C2;
margin: 15px auto auto 15px;
}
.meg-twit-user span{
text-transform: uppercase;
font-size: 17px;
color: #ffffff;
font-weight: bold;
}
.meg-twit-bio {
font-size: 14px;
margin: 15px auto 15px 15px;
color: #ffffff;
}
.meg-twit-stats1 {
margin: auto auto 10px 15px;
color: #AAB8C2;
font-size: 14px;
letter-spacing: 1px;
}
.meg-twit-stats2 {
margin: 5px auto auto 15px;
color: #AAB8C2;
padding-bottom: 10px;
font-size: 14px;
letter-spacing: 1px;
}
.meg-twit-stats2 span{
text-transform: uppercase;
font-size: 15px;
color: #ffffff;
font-weight: bold;
}
