feat: add consultation section

2025-07-03 09:02:52 +03:00
parent 89d5946407
commit a8391964f1
11 changed files with 209 additions and 89 deletions
--- a/src/feature/article/consultation/styles.module.scss
+++ b/src/feature/article/consultation/styles.module.scss
@@ -0,0 +1,65 @@
+.Container {
+  margin: 0 auto;
+  width: rem(1540px);
+  display: grid;
+  grid-template-columns: auto 360px;
+  gap: 160px;
+}
+
+.Consultation {
+  background: $color-green;
+  margin-bottom: rem(40px);
+
+  .Block {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: rem(60px);
+    padding: rem(20px) 0;
+
+    .Header {
+      font-family: $font-roboto;
+      font-weight: 300;
+      font-size: rem(38px);
+      line-height: 100%;
+      color: $color-white;
+      text-transform: uppercase;
+    }
+
+    .Form {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: rem(20px);
+      width: 100%;
+    }
+  }
+
+  .Sidebar {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: rem(16px);
+    background: $color-white;
+    margin: rem(20px) 0;
+    padding: rem(20px);
+    border-radius: rem(20px);
+
+    .Title {
+      font-family: $font-roboto;
+      font-weight: 500;
+      font-size: rem(16px);
+      line-height: 100%;
+      color: $color-text;
+    }
+
+    .Description {
+      font-family: $font-roboto;
+      font-weight: 400;
+      font-size: rem(14px);
+      line-height: 100%;
+      color: $color-text-light;
+    }
+  }
+}
+