<div class="container">
<div class="card" />
</div>
.container {
height: 100vh;
width: 100vw;
display: flex;
flex-direction: row;
align-items: center;
justify-content: center;
}
/* Actual card with shadow */
.card {
height: 200px;
width: 200px;
border-radius: 5px;
box-shadow: 1px 2px 3px 4px rgba(12,12,12,0.2);
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.