Как расположить эти элементы в лого?

Question

[mcnamee]

Подскажите пожалуйста как можно сделать верстку этого логотипа чтобы элементы не разъежались?
https://www.figma.com/file/0DF6wvA4N7qxrRW9JVjcoF/...

Comments

[Kvason]

так сохрани все в webp формате и вставь как картинку

Answer 1

[annaozi]

Если вопрос не про красоту а как закодить .

div{position: absolute;
    top: ;
    left: ;
    /* ці данні є на фігмі */
    width: 250px;
    /* size foto */
    height: 250px;
    border-radius:50%;
    background-image: url(
/* путь на фото         */
    );

}
span{position: absolute;
    top: ;
    left: ;
    /* ці данні є на фігмі */
    width: 250px;
     /* size foto */
     height: 250px;
     background-color: aquamarine;
      /* size корони */
       transform: rotate(-90deg);
        /*Поворот елемента */
}

как то так

Answer 2

[Антон Теплоухов]

Уже всё нормально, я бы только убрал подложку и наклон у текста. Только корону бы набекрень оставил.