Задание

Центр: <position> px + %

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

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

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

Сейчас

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

Образец

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

index.html
style.css

HTML

<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Центр: <position> px + %</title> <link rel="stylesheet" href="setting.css"> <link rel="stylesheet" href="local-14.css"> <link rel="stylesheet" href="style.css"> </head> <body> <main class="scene"> <div class="percent-card percent-card--small"></div> <div class="percent-card percent-card--wide"></div> </main> </body> </html>

CSS

.percent-card { background-image: radial-gradient( at 120px 80px, #e0f2fe 12%, #bae6fd 48%, #0369a1 84% ); } /* Измените только позицию центра внутри radial-gradient(), чтобы получилось как в образце. Возможные позиции: 50% 10px, 85% 45%, 42px 35%, 30px 80% */

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