<header>
<div class="title">
Account Overview
</div>
<div>
<img class="logo-header" src="https://i.imgur.com/Ls2mMpk.png">
</div>
<div class="print">
<a href="onclick="window.print();">
<img src="https://i.imgur.com/xyPy7PR.png">
Print
</a>
</div>
</header>
header {
display: grid;
grid-template-columns: max-content auto auto;
width: 360px;
height: 251px;
top: 48px;
padding: 16px 16px 0px 16px;
display: flex;
flex-wrap: wrap;
gap: 16px;
// grid-gap: 2rem;
// max-width:1392px;
// height: 164px;
// top: 110px;
// left: 48px;
// padding: 24px 0px 24px 0px;
}
.print {
text-align: right;
font-family: Arial,Charles Modern,Helvetica,sans-serif;
font-size: 1rem;
font-weight: 400;
line-height: 1.5rem;
letter-spacing: 0.15000000596046448px;
}
.title {
font-family: Charles Modern,Arial,Helvetica,sans-serif;
font-size: 2.25rem;
font-weight: 300;
line-height: 2.75rem;
letter-spacing: -0.15px;
}
.logo-header {
width: 87.04px;
height: 111px;
top: 139px;
left: 416px;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.