Задание

<radial-extent>: side keyword II

Отредактируйте код так, чтобы результат совпал с образцом

сложностьсредняя

категорияHTML/CSS

Сейчас

это текущее состояние страницы

Образец

Такой результат нужно получить

index.html
style.css

HTML

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title><radial-extent>: side keyword II</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-12.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="scene"> <div class="extent-square-side"></div> <div class="extent-square-side"></div> </main> </body> </html>

CSS

.extent-square-side { background-image: radial-gradient( circle 56px at center, #22d3ee 59%, #2563eb 60%, #2563eb 99%, transparent 100% ); } /* Измените только размер radial-gradient(), чтобы получилось как в образце. Возможные размеры: 64px, farthest-side, closest-side, 48px */

Мой результатОбразец⛶