Fixed alignment of circles

2023-07-25 21:35:08 +02:00
parent 8dbbad241c
commit dc27106ff3
2 changed files with 18 additions and 9 deletions
--- a/src/app/app.component.scss
+++ b/src/app/app.component.scss
@@ -93,10 +93,18 @@ h2 {
    margin-left: 2rem;

    div + div {
-      margin-top: 5rem;
+      margin-top: 3rem;
    }

-    div:before {
+    div {
+      display: flex;
+    }
+
+    p {
+      width: calc(100% - 2rem);
+    }
+
+    .circle {
      content: '';
      display: inline-block;
      width: 3rem;
@@ -104,8 +112,9 @@ h2 {
      border-radius: 2rem;
      border: 0.5rem solid $white;
      background-color: $secondary-color;
-      position: absolute;
+      margin: auto;
      margin-left: -5rem;
+
    }
  }
 }