From f01c702e5b941bb7d8c05345a495ebc57de7770c Mon Sep 17 00:00:00 2001
From: Nezumi <loiphan2711@gmail.com>
Date: Sun, 23 Jul 2023 10:01:34 +0700
Subject: [PATCH] Update style for rosemary

---
 .../practice-02/src/styles/layouts/_offer.scss     | 14 ++++++++++++--
 .../practice-02/src/styles/layouts/_welcome.scss   |  1 +
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/practice/practice-02/src/styles/layouts/_offer.scss b/practice/practice-02/src/styles/layouts/_offer.scss
index d699676..df8cc1a 100644
--- a/practice/practice-02/src/styles/layouts/_offer.scss
+++ b/practice/practice-02/src/styles/layouts/_offer.scss
@@ -1,4 +1,8 @@
 .offer {
+  position: relative;
+  max-width: 428px;
+  margin-inline: auto;
+
   &__container {
     @include flex-container($justify-content: center, $flex-direction: column);
 
@@ -127,13 +131,19 @@
     color: $white;
     text-transform: capitalize;
   }
+
+  &__rosemary-container {
+    @include setAbsoluteAndLocation(true, $bottom: -120px, $right: 0);
+    z-index: 0;
+  }
 }
 
 @media screen and (min-width: 840px) {
   .offer {
-    padding-inline: 73px;
+    max-width: $max-width;
+
     &__container {
-      max-width: 1440px;
+      max-width: $max-width;
     }
 
     &__food-image {
diff --git a/practice/practice-02/src/styles/layouts/_welcome.scss b/practice/practice-02/src/styles/layouts/_welcome.scss
index e4d8b1d..007faa7 100644
--- a/practice/practice-02/src/styles/layouts/_welcome.scss
+++ b/practice/practice-02/src/styles/layouts/_welcome.scss
@@ -190,6 +190,7 @@
     background-color: $white;
     box-shadow: 0 40px 50px 3px rgba($color: $primary-color, $alpha: 0.5);
     transition: width 0.5s;
+    line-height: 100%;
   }
 
   &__text-download-btn {