Display a divided screen with boxes at top left, center, and top right.
HTML
<div class="stage">
<div class="box top-left">Левый верхний</div>
<div class="box center">Центр экрана</div>
<div class="box top-right">Правый верхний</div>
</div>
CSS
.stage {
position: relative;
width: 100%;
height: 100vh; /* экран по высоте */
}
.box {
min-width: 140px;
min-height: 80px;
color: white;
}
/* Левый верхний */
.top-left {
position: absolute;
top: 20px;
left: 20px;
background: #4a90e2;
}
/* Правый верхний */
.top-right {
position: absolute;
top: 20px;
right: 20px;
background: #50e3c2;
}
/* Центр (гориз. и верт. по центру экрана) */
.center {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background: #f5a623;
}