more

2024-01-31 22:11:16 -06:00
parent 5ccade3181
commit 110dfae131
3 changed files with 84 additions and 104 deletions
--- a/src/styles/howTo-page.scss
+++ b/src/styles/howTo-page.scss
@@ -23,67 +23,35 @@
  font-weight: 500;
 }

-.how-to-info-container {
-  .how-to-info-wrapper {
-    margin-top: 20px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .how-to-image-wrapper {
-    display: flex;
-    max-width: 1100px;
-    height: 100%;
-    background-color: var(--haq-blue); //#e6e6e653;
-    border-radius: 10px;
-    align-items: center;
-    justify-content: center;
-    border-radius: 20px;
-  }
-
-  .how-to-info-svg {
-    padding: 30px 30px;
-    width: 80%;
-    height: 0%;
-    border-radius: 40px;
-  }
-
-  .how-to-steps-container {
-    margin: 5px 20px;
-  }
-  .steps-wrapper {
-    display: flex;
-    flex-direction: column;
-    margin: 25px 0px;
-    background-color: #e6e6e653;
-    border-radius: 10px;
-    padding: 16px 38px 16px 25px;
-    text-align: justify;
-
-    strong {
-      font-weight: 500;
-    }
-    ol {
-      li {
-        margin-bottom: 14px;
-      }
-    }
-
-    .doc-header-text {
-      margin-bottom: 16px !important;
-      margin-left: 0px;
-      letter-spacing: -0.6px;
-      font-weight: 400;
-    }
-
-    .steps-p {
-      margin-bottom: 14px;
-      padding: 0px 14px;
-    }
-
-    .howto-special-para {
-      margin-top: 6px;
-    }
-  }
+.steps-wrapper {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+}
+
+.fooze {
+  display: flex;
+  flex-direction: row;
+}
+
+.steps-upper-right {
+  display: flex;
+  flex-direction: column;
+
+  width: 50%;
+}
+
+.steps-upper-left {
+  display: flex;
+  flex-direction: column;
+
+  width: 50%;
+}
+
+.howto-hand-img {
+  width: 420px;
+}
+
+.bold-span {
+  font-weight: 500;
 }