Center the .card both horizontally and vertically inside .stage, which is 400px tall. Use flexbox and no fixed pixel offsets.
.stage {
height: 400px;
border: 1px solid #ccc;
}
.card {
width: 200px;
height: 100px;
background: #4f46e5;
}
Rules:
- Flexbox only
- No absolute positioning
- No margin: auto with fixed values
Post your solution as a reply. Answer goes up in about a day.
