Назад к задачам
Junior — Senior
6

Верстка круглой кнопки закрытия с крестом

Получайте помощь с лайвкодингом в реальном времени с Sobes Copilot
Условие задачи

Необходимо создать круглую кнопку закрытия, внутри которой будет расположен крест. Длина каждой линии крестика должна составлять три четверти (75 %) от ширины кнопки, а их толщина — 2 px. При изменении размеров кнопки (ширина и высота) линии должны автоматически сохранять эту пропорцию. Цвета элементов выбираются произвольно.


 <!DOCTYPE html>
<html>
<head>
    <title>JavaScript Sandbox</title>
    <meta charset="UTF-8" />
</head>

<body>
    <img
    src=""
    alt="" />
    </div>
    <script src="/index.js" type="module"></script>
    </body>
</html>