From b95db501c91bd33ee219a9cdeccf3f2e10155f19 Mon Sep 17 00:00:00 2001 From: Brikt Wiedswang Date: Thu, 2 Oct 2025 17:25:55 +0200 Subject: [PATCH] task 2 target --- style.css | 44 ++++++++++++++++++++++++++++++++++++++------ target.html | 17 +++++++++++++++++ 2 files changed, 55 insertions(+), 6 deletions(-) create mode 100644 target.html diff --git a/style.css b/style.css index cb0975d..3fdec2d 100644 --- a/style.css +++ b/style.css @@ -16,14 +16,46 @@ width: 640px; } -#target { +.target { + width: 64px; + height: 64px; background-color: yellow; - border-radius: 64px; - width: 16px; - height: 16px; - border: 16px solid red; - outline: 16px solid deepskyblue; + border-radius: 100%; + } +.target-container{ + display: flex; + position: relative; + justify-content: center; + width: 256px; + height: 256px; + align-items: center; +} +.circle { + position: absolute; + border-radius: 100%; +} +.circle4 { + width: 32px; + height: 32px; + background-color: yellow; +} +.circle3 { + width: 64px; + height: 64px; + background-color: red; +} +.circle2 { + width: 96px; + height: 96px; + background-color: blue; +} +.circle1 { + width: 128px; + height: 128px; + background-color: black; +} + .progress { position: absolute; diff --git a/target.html b/target.html new file mode 100644 index 0000000..a075bc0 --- /dev/null +++ b/target.html @@ -0,0 +1,17 @@ + + + + A title + + + + + +
+
+
+
+
+
+ +