Skip to content

Commit

Permalink
Refactor CSS to align main content, adjust footer padding, and make t…
Browse files Browse the repository at this point in the history
…he page responsive
  • Loading branch information
bamcasa committed Oct 8, 2024
1 parent 3bee6c2 commit eb817f8
Show file tree
Hide file tree
Showing 2 changed files with 12 additions and 4 deletions.
11 changes: 10 additions & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -44,11 +44,20 @@
</div>

<div class="apply-btn-container">
<a href="https://forms.gle/WvLC9fbhtCGAvMLD8" class="apply-btn1">지금 신청하기 <img src="Arrow.svg" alt="arrow"></a>
<a href="https://forms.gle/WvLC9fbhtCGAvMLD8" class="apply-btn1">지금 신청하기 <img src="Arrow.svg"
alt="arrow"></a>
</div>
</header>
<main>
<section id="introduce">
<div style="position: absolute; top: -25%; left: 0; width: 100%; height: 148%; z-index: -1;">
<svg width="100%" height="100%" viewBox="0 0 1440 1086" reserveAspectRatio="none" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M121.031 11.5739C-20.6278 -20.7702 -179.448 26.9467 -276.377 75.7385L-309 1019.58C-181.226 1079.91 121.031 1103.02 288.595 1050.91C434.697 1005.47 608.895 994.739 774.976 1063.74C941.057 1132.74 1184.67 1007.92 1364.42 1050.91C1655.06 1120.42 1729.94 940.694 1724.75 852.027V11.5739C1510.48 -30.594 1347.36 75.7385 1136.8 88.2365C926.228 100.734 910.658 11.5739 571.082 88.2365C333.68 141.832 289.522 50.0444 121.031 11.5739Z"
fill="white" stroke="#332C27" stroke-opacity="0.3" stroke-width="2" />
</svg>
</div>
<div class="introduce-title">
<p><img src="Rectangle.svg" alt="Rectangle"> 소개</p>
</div>
Expand Down
5 changes: 2 additions & 3 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,7 @@ html body {

body {
background: linear-gradient(180deg, #ffe1d0 0%, #fffae2 13%);
width: 100%;
height: 100%;
}

Expand Down Expand Up @@ -171,9 +172,7 @@ main {
align-items: center;
/* width: 54%; */
margin: 324px auto 0;
padding: 80px;
border-radius: 80px;
background-color: #FFFFFF;
position: relative;
}

.introduce-title {
Expand Down

0 comments on commit eb817f8

Please sign in to comment.