Repository: Anastasiia-Oli/fur-seal-team-js
Pull request #9: work together
Author: login: Daria0751
Created: 2025-04-27T18:25:14Z | Merged: 2025-04-29T16:46:42Z

Проблема с CSS для десктопа, и з этими крапочками. 


Diff:
diff --git a/src/css/work-together.css b/src/css/work-together.css
index e69de29..4027c80 100644
--- a/src/css/work-together.css
+++ b/src/css/work-together.css
@@ -0,0 +1,228 @@
+.work-together {
+    position: relative;
+    padding-top: 80px;
+    padding-bottom: 80px;
+}
+
+.work-together::after {
+    content: "";
+    position: absolute;
+    top: -60px;
+    right: -10px;
+    width: 343px;
+    height: 269px;
+    background-image: url(../img/decor-bg/decor-bg-7@2x.webp);
+    background-repeat: no-repeat;
+    background-size: contain;
+    z-index: -1;
+    pointer-events: none;
+}
+
+.work-together-title {
+    font-family: var(--second-family);
+    font-size: 52px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.contacts-item-wt:hover,
+.contacts-item-wt:focus {
+    color: #00B068;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 16px;
+    transition: fill 0.3s ease;
+}
+
+.contacts-item-wt:hover .wt-svg,
+.contacts-item-wt:focus .wt-svg {
+    fill: #00B068;
+}
+
+.work-together-form {
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input{
+    margin-bottom: 32px;
+}
+
+.work-together-input,
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    background: #E4E5E6;
+    border: 1px solid transparent;
+    transition: border-color 0.3s ease, box-shadow 0.3s ease;
+    outline: none;
+}
+
+.work-together-input:focus,
+.work-together-input:hover,
+.work-together__textarea:focus,
+.work-together__textarea:hover {
+    border-color: #00B068;
+    box-shadow: 0px 0px 0px 4px rgba(0, 176, 104, 0.25);
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+    text-transform: uppercase;
+    transition: background-color 0.3s ease, box-shadow 0.3s ease;
+    margin-top: 32px;
+}
+
+.work-together-button:hover,
+.work-together-button:focus {
+    background-color: #00975A;
+    box-shadow: 0px 4px 12px rgba(0, 176, 104, 0.3);
+}
+
+@media (min-width: 768px) {
+
+    .work-together-title {
+        font-size: 108px;
+        width: 525px;
+    }
+
+    .text-contact-wt {
+        max-width: 704px;
+    }
+
+    .work-together-form {
+        max-width: 704px;
+    }
+
+    .text-wt {
+        width: 488px;
+        height: 66px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: row;
+        gap: 16px;
+    }
+
+    .work-together-button {
+        width: 173px;
+        align-self: flex-start;
+        margin-top: 32px;
+    }
+}
+
+@media (min-width: 1280px) {
+
+    .work-together {
+        padding-top: 164px;
+        padding-bottom: 164px;
+    }
+
+    .wrapper {
+        display: flex;
+        justify-content: space-between;
+    }
+
+    .work-together-title {
+        font-size: 108px;
+        text-align: left;
+        margin-bottom: 80px;
+    }
+
+    .text-contact-wt {
+        max-width: 488px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+    }
+
+    .text-wt {
+        margin-bottom: 120px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: column;
+        gap: 16px;
+    }
+
+    .work-together-form {
+        width: 592px;
+    }
+
+    .work-together-button {
+        width: 173px;
+        align-self: flex-start;
+        margin-top: 32px;
+    }
+}
\ No newline at end of file
diff --git a/src/js/work-together.js b/src/js/work-together.js
index e69de29..e457d51 100644
--- a/src/js/work-together.js
+++ b/src/js/work-together.js
@@ -0,0 +1,47 @@
+import 'izitoast/dist/css/iziToast.min.css';
+import iziToast from 'izitoast';
+
+import { postRequest } from './api';
+import { openModal } from './modal';
+
+const form = document.getElementById('workTogetherForm');
+
+form.addEventListener('submit', async function (event) {
+  event.preventDefault();
+
+  const emailInput = form.elements.email;
+  const messageInput = form.elements.message;
+
+  const email = emailInput.value.trim();
+  const message = messageInput.value.trim();
+
+  if (!email || !message) {
+    iziToast.error({
+      title: 'Error',
+      message: 'Please fill in all fields.',
+      position: 'topRight',
+    });
+    return;
+  }
+
+  try {
+    await postRequest(email, message);
+
+    openModal({
+      title: 'Thank you for your interest in cooperation!',
+      message:
+        'The manager will contact you shortly to discuss further details and opportunities for cooperation. Please stay in touch.',
+    });
+
+    form.reset();
+  } catch (error) {
+    console.error('Form submit error:', error);
+
+    iziToast.error({
+      title: 'Error',
+      message:
+        'Something went wrong. Please check your data and try again.',
+      position: 'topRight',
+    });
+  }
+});
diff --git a/src/partials/work-together.html b/src/partials/work-together.html
index e69de29..268a8e1 100644
--- a/src/partials/work-together.html
+++ b/src/partials/work-together.html
@@ -0,0 +1,66 @@
+<section id="work-together" class="work-together">
+  <div class="container">
+    <h2 class="work-together-title">
+      LET'S <span class="title-span">WORK TOGETHER</span>
+    </h2>
+    <div class="wrapper">
+      <div class="text-contact-wt">
+        <p class="text-wt">
+          Contact me to transform your ideas into exceptional solutions.
+        </p>
+        <ul class="wt-contacts-list">
+          <li>
+            <a class="contacts-item-wt" href="tel:+380904567890">
+              <span
+                ><svg class="wt-svg" width="24" height="24">
+                  <use href="../img/sprite.svg#phone"></use></svg></span
+              >+38 090 456 78 90</a
+            >
+          </li>
+          <li>
+            <a class="contacts-item-wt" href="mailto:lloydjefferson@gmail.com"
+              ><span
+                ><svg class="wt-svg" width="24" height="24">
+                  <use href="../img/sprite.svg#letter"></use></svg></span
+              >lloydjefferson@gmail.com</a
+            >
+          </li>
+          <li>
+            <a
+              class="contacts-item-wt"
+              href="https://www.google.com/maps/place/New+York,+USA"
+              target="_blank"
+              ><span
+                ><svg class="wt-svg" width="24" height="24">
+                  <use href="../img/sprite.svg#map"></use></svg></span
+              >USA, New York</a
+            >
+          </li>
+        </ul>
+      </div>
+
+      <form class="work-together-form" id="workTogetherForm">
+        <label for="email" class="label-wt">Email</label>
+        <input
+          type="email"
+          name="email"
+          class="work-together-input"
+          placeholder="Your email*"
+          required
+          pattern="^\w+(\.\w+)?@[a-zA-Z_]+?\.[a-zA-Z]{2,3}$"
+        />
+        <label for="Message" class="label-wt">Message</label>
+        <textarea
+          id="message"
+          name="message"
+          class="work-together__textarea"
+          placeholder="Your message"
+          required
+        ></textarea>
+        <button type="submit" id="openModalBtn" class="work-together-button">
+          Send message
+        </button>
+      </form>
+    </div>
+  </div>
+</section>


Reviews:
user: login: Anastasiia-Oli
body: потрібно забрати ефекти ховеру/фокусу/і тд з інпута і текст area
додати ефекти згідно з макетом
state: CHANGES_REQUESTED
author_association: OWNER
submitted_at: 2025-04-28T02:32:13Z
user: login: Anastasiia-Oli
body: Передивись уважно макет, мої коментарі та додай ефекти ховеру/фокусу/і т.д згідно з ним. На рахунок js напишу в slack
state: CHANGES_REQUESTED
author_association: OWNER
submitted_at: 2025-04-28T21:35:06Z
user: login: Anastasiia-Oli
state: APPROVED
author_association: OWNER
submitted_at: 2025-04-29T16:46:30Z

Review comments:
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: width: 100%; - видаляємо
тобі потрібно буде прописувати повні падінги, отже:
padding-top: 80px;
padding-bottom: 80px;
created_at: 2025-04-28T01:22:43Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: не чіпаємо контейнер і видаляємо це:
.container {
    width: 100%;
    max-width: 320px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
created_at: 2025-04-28T01:25:05Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: font-family: var(--second-family); - додати
font-size: 52px; - виправити
created_at: 2025-04-28T01:26:05Z
author_association: OWNER
diff_hunk: @@ -1,3 +1,62 @@
 <section id="work-together" class="work-together">
-  <div class="container"></div>
+  <div class="container">
+    <h2 class="work-together-title">
+      LET'S <span class="title-span">WORK TOGETHER</span>
+    </h2>
+
+    <div class="text-contact-wt">
+      <p class="text-wt">
+        Contact me to transform your ideas into exceptional solutions.
+      </p>
+      <ul class="wt-contacts-list">
+        <li>
+          <a class="contacts-item-wt" href="tel:+380904567890">
+            <span
+              ><svg class="wt-svg" width="24" height="24">
+                <use href="../img/sprite.svg#phone"></use></svg></span
+            >+38 090 456 78 90</a
+          >
+        </li>
+        <li>
+          <a class="contacts-item-wt" href="mailto:lloydjefferson@gmail.com"
+            ><span
+              ><svg class="wt-svg" width="24" height="24">
+                <use href="../img/sprite.svg#letter"></use></svg></span
+            >lloydjefferson@gmail.com</a
+          >
+        </li>
+        <li>
+          <a class="contacts-item-wt"
path: src/partials/work-together.html
user: login: Anastasiia-Oli
body: давай додамо 
href="https://www.google.com/maps/place/New+York,+USA"
            target="_blank"
created_at: 2025-04-28T01:39:52Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: width: 100%;
    max-width: 320px; - видаляємо
created_at: 2025-04-28T01:40:44Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: margin-right: 16px;
created_at: 2025-04-28T01:44:22Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: work-together-contacts - ніде не використовується
created_at: 2025-04-28T01:46:14Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: work-together-contact - також ніде не використовується, видаляй
created_at: 2025-04-28T01:48:05Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: width: 100%;
    max-width: 320px; - видалити
created_at: 2025-04-28T01:48:37Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: .work-together-button span {
    padding: 12px 97.5px;
} - видалити
created_at: 2025-04-28T01:58:15Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: @media (min-width: 360px) {
    .container {
        max-width: 360px;
    }

    .work-together-title{
        font-size: 52px;
    }

    .text-contact-wt {
        max-width: 360px;
    }

    .work-together-form {
        max-width: 360px;
    }
} 
видалити
created_at: 2025-04-28T01:58:51Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: .container {
        max-width: 704px;
        height: auto;
    } - видалити
created_at: 2025-04-28T02:01:00Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: додати повні падінги на клас секції
created_at: 2025-04-28T02:02:00Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
+    .work-together-title {
+        font-size: 64px;
+        position: relative;
+        z-index: 1;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: font-size: 108px;
    width: 525px; - виправити/додати

position: relative;
        z-index: 1; - видалити
created_at: 2025-04-28T02:07:02Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: text-transform: uppercase; - додати
created_at: 2025-04-28T02:15:41Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
+    .work-together-title {
+        font-size: 64px;
+        position: relative;
+        z-index: 1;
+    }
+
+    .work-together-title::after {
+        content: "";
+        position: absolute;
+        top: -60px;
+        right: -10px;
+        width: 343px;
+        height: 269px;
+        background-image: url(../img/decor-bg/decor-bg-7@2x.webp);
+        background-repeat: no-repeat;
+        background-size: contain;
+        z-index: -1;
+        pointer-events: none;
+    }
+
+    .text-contact-wt {
+        max-width: 704px;
+    }
+
+    .work-together-form {
+        max-width: 704px;
+    }
+
+    .text-wt {
+        width: 488px;
+        height: 66px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: row;
+        gap: 16px;
+    }
+
+    .work-together-button {
+        width: 320px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: width: 173px; - виправити
created_at: 2025-04-28T02:17:25Z
author_association: OWNER
diff_hunk: @@ -1,3 +1,62 @@
 <section id="work-together" class="work-together">
-  <div class="container"></div>
+  <div class="container">
+    <h2 class="work-together-title">
+      LET'S <span class="title-span">WORK TOGETHER</span>
+    </h2>
+
+    <div class="text-contact-wt">
path: src/partials/work-together.html
user: login: Anastasiia-Oli
body: ось цей дів і форму засунь у ще один дів із класом div class="wraper", і в css напишу що додати
created_at: 2025-04-28T02:27:28Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
+    .work-together-title {
+        font-size: 64px;
+        position: relative;
+        z-index: 1;
+    }
+
+    .work-together-title::after {
+        content: "";
+        position: absolute;
+        top: -60px;
+        right: -10px;
+        width: 343px;
+        height: 269px;
+        background-image: url(../img/decor-bg/decor-bg-7@2x.webp);
+        background-repeat: no-repeat;
+        background-size: contain;
+        z-index: -1;
+        pointer-events: none;
+    }
+
+    .text-contact-wt {
+        max-width: 704px;
+    }
+
+    .work-together-form {
+        max-width: 704px;
+    }
+
+    .text-wt {
+        width: 488px;
+        height: 66px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: row;
+        gap: 16px;
+    }
+
+    .work-together-button {
+        width: 320px;
+        align-self: flex-start;
+    }
+}
+
+@media (min-width: 1280px) {
+    .container {
+        max-width: 1080px;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: 0;
+    }
path: src/css/work-together.css
user: login: Anastasiia-Oli
body:  .container {
        max-width: 1080px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        padding: 0;
    } - вииидаляємо
created_at: 2025-04-28T02:28:04Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
+    .work-together-title {
+        font-size: 64px;
+        position: relative;
+        z-index: 1;
+    }
+
+    .work-together-title::after {
+        content: "";
+        position: absolute;
+        top: -60px;
+        right: -10px;
+        width: 343px;
+        height: 269px;
+        background-image: url(../img/decor-bg/decor-bg-7@2x.webp);
+        background-repeat: no-repeat;
+        background-size: contain;
+        z-index: -1;
+        pointer-events: none;
+    }
+
+    .text-contact-wt {
+        max-width: 704px;
+    }
+
+    .work-together-form {
+        max-width: 704px;
+    }
+
+    .text-wt {
+        width: 488px;
+        height: 66px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: row;
+        gap: 16px;
+    }
+
+    .work-together-button {
+        width: 320px;
+        align-self: flex-start;
+    }
+}
+
+@media (min-width: 1280px) {
+    .container {
+        max-width: 1080px;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: 0;
+    }
+
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: додаємо повні падінги на секцію і ось це 
.wraper {
    display: flex;
    justify-content: space-between;
  }
created_at: 2025-04-28T02:28:34Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
+    .work-together-title {
+        font-size: 64px;
+        position: relative;
+        z-index: 1;
+    }
+
+    .work-together-title::after {
+        content: "";
+        position: absolute;
+        top: -60px;
+        right: -10px;
+        width: 343px;
+        height: 269px;
+        background-image: url(../img/decor-bg/decor-bg-7@2x.webp);
+        background-repeat: no-repeat;
+        background-size: contain;
+        z-index: -1;
+        pointer-events: none;
+    }
+
+    .text-contact-wt {
+        max-width: 704px;
+    }
+
+    .work-together-form {
+        max-width: 704px;
+    }
+
+    .text-wt {
+        width: 488px;
+        height: 66px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: row;
+        gap: 16px;
+    }
+
+    .work-together-button {
+        width: 320px;
+        align-self: flex-start;
+    }
+}
+
+@media (min-width: 1280px) {
+    .container {
+        max-width: 1080px;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: 0;
+    }
+
+    .work-together-title {
+        font-size: 72px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: font-size: 108px; - виправляємо
created_at: 2025-04-28T02:29:23Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
+    .work-together-title {
+        font-size: 64px;
+        position: relative;
+        z-index: 1;
+    }
+
+    .work-together-title::after {
+        content: "";
+        position: absolute;
+        top: -60px;
+        right: -10px;
+        width: 343px;
+        height: 269px;
+        background-image: url(../img/decor-bg/decor-bg-7@2x.webp);
+        background-repeat: no-repeat;
+        background-size: contain;
+        z-index: -1;
+        pointer-events: none;
+    }
+
+    .text-contact-wt {
+        max-width: 704px;
+    }
+
+    .work-together-form {
+        max-width: 704px;
+    }
+
+    .text-wt {
+        width: 488px;
+        height: 66px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: row;
+        gap: 16px;
+    }
+
+    .work-together-button {
+        width: 320px;
+        align-self: flex-start;
+    }
+}
+
+@media (min-width: 1280px) {
+    .container {
+        max-width: 1080px;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: 0;
+    }
+
+    .work-together-title {
+        font-size: 72px;
+        text-align: left;
+        margin-bottom: 80px;
+    }
+
+    .text-contact-wt {
+        max-width: 488px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        margin-right: 136px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: margin-right: 136px; можна прибрати
created_at: 2025-04-28T02:30:06Z
author_association: OWNER
diff_hunk: @@ -0,0 +1,254 @@
+.work-together {
+    width: 100%;
+    padding: 0 20px;
+}
+
+.container {
+    width: 100%;
+    max-width: 320px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+}
+
+.work-together-title {
+    font-size: 108px;
+    line-height: 123%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    text-align: left;
+    margin-bottom: 40px;
+}
+
+.title-span {
+    color: #00B068;
+}
+
+.text-contact-wt {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+    align-items: flex-start;
+    margin-bottom: 40px;
+}
+
+.text-wt {
+    font-weight: 400;
+    font-size: 18px;
+    line-height: 156%;
+    letter-spacing: 0.03em;
+    text-transform: uppercase;
+    color: #292929;
+    margin-bottom: 32px;
+}
+
+.wt-contacts-list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.contacts-item-wt {
+    display: flex;
+    align-items: center;
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.wt-svg {
+    width: 24px;
+    height: 24px;
+    fill: #292929;
+    margin-right: 8px;
+}
+
+.work-together-contacts {
+    display: flex;
+    flex-direction: column;
+    gap: 16px;
+}
+
+.work-together-contact {
+    font-weight: 300;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    color: #292929;
+    text-decoration: none;
+}
+
+.work-together-form {
+    width: 100%;
+    max-width: 320px;
+    display: flex;
+    flex-direction: column;
+}
+
+.label-wt {
+    font-weight: 400;
+    font-size: 14px;
+    margin-bottom: 8px;
+    color: #292929;
+}
+
+.work-together-input {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 48px;
+    background: #E4E5E6;
+    border: none;
+    margin-bottom: 32px;
+}
+
+.work-together__textarea {
+    border-radius: 8px;
+    padding: 16px;
+    width: 100%;
+    height: 128px;
+    background: #E4E5E6;
+    border: none;
+    resize: none;
+    margin-bottom: 32px;
+}
+
+.work-together-button {
+    border-radius: 8px;
+    padding: 12px 24px;
+    width: 100%;
+    height: 48px;
+    background: #00B068;
+    font-weight: 500;
+    font-size: 16px;
+    line-height: 150%;
+    letter-spacing: 0.03em;
+    text-align: center;
+    color: #F0F0F0;
+    border: none;
+    cursor: pointer;
+    align-self: flex-start;
+}
+
+.work-together-button span {
+    padding: 12px 97.5px;
+}
+
+@media (min-width: 360px) {
+    .container {
+        max-width: 360px;
+    }
+
+    .work-together-title{
+        font-size: 52px;
+    }
+
+    .text-contact-wt {
+        max-width: 360px;
+    }
+
+    .work-together-form {
+        max-width: 360px;
+    }
+}
+
+@media (min-width: 768px) {
+    .container {
+        max-width: 704px;
+        height: auto;
+    }
+
+    .work-together-title {
+        font-size: 64px;
+        position: relative;
+        z-index: 1;
+    }
+
+    .work-together-title::after {
+        content: "";
+        position: absolute;
+        top: -60px;
+        right: -10px;
+        width: 343px;
+        height: 269px;
+        background-image: url(../img/decor-bg/decor-bg-7@2x.webp);
+        background-repeat: no-repeat;
+        background-size: contain;
+        z-index: -1;
+        pointer-events: none;
+    }
+
+    .text-contact-wt {
+        max-width: 704px;
+    }
+
+    .work-together-form {
+        max-width: 704px;
+    }
+
+    .text-wt {
+        width: 488px;
+        height: 66px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: row;
+        gap: 16px;
+    }
+
+    .work-together-button {
+        width: 320px;
+        align-self: flex-start;
+    }
+}
+
+@media (min-width: 1280px) {
+    .container {
+        max-width: 1080px;
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        padding: 0;
+    }
+
+    .work-together-title {
+        font-size: 72px;
+        text-align: left;
+        margin-bottom: 80px;
+    }
+
+    .text-contact-wt {
+        max-width: 488px;
+        display: flex;
+        flex-direction: column;
+        align-items: flex-start;
+        margin-right: 136px;
+    }
+
+    .text-wt {
+        margin-bottom: 120px;
+    }
+
+    .wt-contacts-list {
+        flex-direction: column;
+        gap: 16px;
+    }
+
+    .work-together-form {
+        max-width: 488px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: width: 592px; - виправляємо
created_at: 2025-04-28T02:30:32Z
author_association: OWNER
diff_hunk: @@ -1,19 +1,12 @@
 .work-together {
-    width: 100%;
     padding: 0 20px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: padding: 0 20px; - видалити
created_at: 2025-04-28T19:06:50Z
author_association: OWNER
diff_hunk: @@ -137,40 +111,14 @@
     border: none;
     cursor: pointer;
     align-self: flex-start;
-}
-
-.work-together-button span {
-    padding: 12px 97.5px;
-}
-
-@media (min-width: 360px) {
-    .container {
-        max-width: 360px;
-    }
-
-    .work-together-title{
-        font-size: 52px;
-    }
-
-    .text-contact-wt {
-        max-width: 360px;
-    }
-
-    .work-together-form {
-        max-width: 360px;
-    }
+    text-transform: uppercase;
 }
 
 @media (min-width: 768px) {
-    .container {
-        max-width: 704px;
-        height: auto;
-    }
 
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: .work-together {
    padding-top: 124px;
    padding-bottom: 124px;
  } - додати
created_at: 2025-04-28T19:11:53Z
author_association: OWNER
diff_hunk: @@ -206,22 +154,20 @@
     }
 
     .work-together-button {
-        width: 320px;
+        width: 173px;
         align-self: flex-start;
     }
 }
 
 @media (min-width: 1280px) {
-    .container {
-        max-width: 1080px;
-        display: flex;
-        justify-content: space-between;
-        align-items: flex-start;
-        padding: 0;
-    }
+    .wrapper {
+            display: flex;
+            justify-content: space-between;
+max-width: 1080px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: max-width: 1080px; - і це також видали
created_at: 2025-04-28T19:17:37Z
author_association: OWNER
diff_hunk: @@ -206,22 +154,20 @@
     }
 
     .work-together-button {
-        width: 320px;
+        width: 173px;
         align-self: flex-start;
     }
 }
 
 @media (min-width: 1280px) {
-    .container {
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: .work-together {
    padding-top: 164px;
    padding-bottom: 164px;
  } - додати
created_at: 2025-04-28T19:19:29Z
author_association: OWNER
diff_hunk: @@ -244,7 +189,7 @@
     }
 
     .work-together-form {
-        max-width: 488px;
+        max-width: 592px;
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: не max-width, а просто wigth. вона ж у тебе зжалася вся
created_at: 2025-04-28T19:19:48Z
author_association: OWNER
diff_hunk: @@ -137,40 +111,14 @@
     border: none;
     cursor: pointer;
     align-self: flex-start;
-}
-
-.work-together-button span {
-    padding: 12px 97.5px;
-}
-
-@media (min-width: 360px) {
-    .container {
-        max-width: 360px;
-    }
-
-    .work-together-title{
-        font-size: 52px;
-    }
-
-    .text-contact-wt {
-        max-width: 360px;
-    }
-
-    .work-together-form {
-        max-width: 360px;
-    }
+    text-transform: uppercase;
 }
 
 @media (min-width: 768px) {
-    .container {
-        max-width: 704px;
-        height: auto;
-    }
 
     .work-together-title {
-        font-size: 64px;
-        position: relative;
-        z-index: 1;
+        font-size: 108px;
+        width: 525px;
     }
 
     .work-together-title::after {
path: src/css/work-together.css
user: login: Anastasiia-Oli
body: зроби все-таки бекграунд на секції, а не на заголовку
created_at: 2025-04-28T19:32:00Z
author_association: OWNER

PR comments:
user: login: Daria0751
created_at: 2025-04-28T18:20:42Z
body: Проблема с формой на десктопе. 
И вопрос по JS 
try {
    const response = await fetch('ЧТО ТУТ ДОЛЖНО БЫТЬ??????', {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(formData),
    });
author_association: COLLABORATOR
user: login: Daria0751
created_at: 2025-04-29T09:54:44Z
body: Вроде исправила всё. бекграунд на секции, а не на заголовке. Эффекти как на макете. Остальное тоже поправила. JS c Евгенией кое как прописали, но нужно смотреть 
author_association: COLLABORATOR
user: login: Daria0751
created_at: 2025-04-29T10:04:57Z
body: И у меня есть конфликт. Но мейби это потому что разные ветки, и оно не видит друг друга 
author_association: COLLABORATOR
user: login: Anastasiia-Oli
created_at: 2025-04-29T13:21:33Z
body: додай на телефоні та планшеті відступ між формою та кнопкою, і відступ між інпутом та текст-area на всіх девайсах. Конфлікт зараз подивлюсь
author_association: OWNER
user: login: Daria0751
created_at: 2025-04-29T14:48:51Z
body: Внесла изменения. Только запушить не получается как-то 
author_association: COLLABORATOR