diff --git a/practice/practice-02/src/layouts/welcome.pug b/practice/practice-02/src/layouts/welcome.pug index c677a21..5a9fc61 100644 --- a/practice/practice-02/src/layouts/welcome.pug +++ b/practice/practice-02/src/layouts/welcome.pug @@ -58,7 +58,8 @@ section.welcome = " for " span.primary-text food = " & " - span.secondary-text delivery + .delivery-text-box + span.secondary-text delivery .welcome__underline-img-container img(src=welcome_img_path + "underline.png", alt="Underline image") = "." @@ -82,7 +83,7 @@ section.welcome .welcome__play-icon-wrapper svg.welcome__play-icon( width="12", - height="13", + height="12", viewBox="0 0 12 13", fill="none", xmlns="http://www.w3.org/2000/svg" diff --git a/practice/practice-02/src/styles/layouts/_welcome.scss b/practice/practice-02/src/styles/layouts/_welcome.scss index 841f56e..bacace0 100644 --- a/practice/practice-02/src/styles/layouts/_welcome.scss +++ b/practice/practice-02/src/styles/layouts/_welcome.scss @@ -1,5 +1,6 @@ -.secondary-text { +.delivery-text-box { position: relative; + display: inline-block; } .welcome { @@ -261,7 +262,7 @@ } &__underline-img-container { - @include setAbsoluteAndLocation($bottom: -10px, $left: 8px); + @include setAbsoluteAndLocation($bottom: -25px, $left: 8px); } &__description {