Добрый день
<div class="wraper ">
<div class="modal">
</div>
</div>
.wraper{
display: flex;
width: 100vw;
height: 100vh;
align-items: center;
justify-content: center;
background: rgb(255, 255, 255);
}
.modal{
background: red;
flex-basis: 100px;
border-radius: 50%;
min-height: 100px;
}
Нужно сделать флаг Японии (красный круг по центру), чтобы он был адаптивным. Расположить его ровно по центру можно флексбоксом, но как сделать чтобы размеры круга менялись в зависимости от размера окна, при этом круг не должен становиться овалом. Это получится если задать его размеры в процентах от ширины окна.
Средний
Простой