Skip to content

Commit

Permalink
Fix layout issue at page 5
Browse files Browse the repository at this point in the history 
Signed-off-by: Eunki Hong <[email protected]>
  • Loading branch information
@hinohie
hinohie committed Apr 2, 2024
1 parent ba8fe76 commit 6f12822
Show file tree
Hide file tree
Showing 3 changed files with 66 additions and 59 deletions.
114 changes: 60 additions & 54 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,11 @@
<html>
<head>
<meta charset="UTF-8"/>
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" name="viewport">
<meta content="IE=edge" http-equiv="X-UA-Compatible"/>
<meta content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" name="viewport"/>

<!-- Thumbnail image when we share this url -->
<meta content="https://drive.google.com/thumbnail?sz=w300&id=1PUc2P1pjq0xa4u0IALakBiBLA-NxjqKr" property="og:image"/>

<title>홍은기 ❤️ 이정민 결혼식에 초대합니다</title>
<link href="./styles/style_main.css" rel="stylesheet"/>
Expand Down Expand Up @@ -95,62 +98,65 @@ <h1>갤러리</h1>
<div class="header-line"></div>
<div class="header"></div>
<h1>오시는 길</h1>
<div class="howToCome">
<p>
<span>삼성전자 서초사옥 웨딩홀<br/>서울 서초구 서초대로74길 11 삼성전자빌딩 5층</span>
</p>

<div class="guideToMap">
<div style="padding: 6px; display: inline-flex">
<img style="flex: 1 1 0; width:350px; height:189px; background: white; border-radius: 17px" src="./resources/image/yackdo_blue.png" />
<div class="content-page" style="max-width: 400px;">
<div class="howToCome">
<p>
<span>삼성전자 서초사옥 웨딩홀<br/>서울 서초구 서초대로74길 11 삼성전자빌딩 5층</span>
</p>

<div class="guideToMap">
<div style="padding: 6px; display: inline-flex;">
<img style="flex: 1 1 0; max-width:350px; width: 100%; max-height:189px; background: white; border-radius: 17px" src="./resources/image/yackdo_blue.png" />
</div>

<div class="iconButtonContainer">
<div class="icon-button"><a href="https://naver.me/5FeZnWRl" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_naver.webp" /></a></div>
<div class="icon-button"><a href="https://kko.to/tpCZwj_l0x" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_kakao.png" /></a></div>
<div class="icon-button"><a href="https://tmap.life/576bf240" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_tmap.jpeg" /></a></div>
<div class="icon-button"><a href="https://maps.app.goo.gl/EPS9zJCJDM8enhWp8" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_google.png" /></a></div>
</div>
</div>

<div class="iconButtonContainer">
<div class="icon-button"><a href="https://naver.me/5FeZnWRl" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_naver.webp" /></a></div>
<div class="icon-button"><a href="https://kko.to/tpCZwj_l0x" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_kakao.png" /></a></div>
<div class="icon-button"><a href="https://tmap.life/576bf240" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_tmap.jpeg" /></a></div>
<div class="icon-button"><a href="https://maps.app.goo.gl/EPS9zJCJDM8enhWp8" target="_blank" rel="noopener noreferrer"><img class="icon-image" src="./resources/image/icon_google.png" /></a></div>
</div>
<p>
<span>지하철<br/>
<small>
강남역(2호선/신분당선) 8번 출구<br/>
지하 연결통로 → 직진 후 좌회전(500m) → 엘리베이터(5층)<br/>
또는, 지상 건물 외부 통유리 엘리베이터 이용 (5층)
</small>
</span>
</p>

<p>
<span>셔틀버스 (대구)<br/>
<small>
08:00 대구 수성구 동대구로 194 어린이회관 앞 / 15:00 회차
</small>
</span>
</p>


<p>
<span>자가용<br/>
<small>
삼성전자 서초사옥 주차장 (3시간 무료 주차 가능)<br/>
1층에서 지상 건물 외부 통유리 엘리베이터 이용 (5층)
</small>
</span>
</p>


<p>
<span>피로연장 안내<br/>
<small>
일시 : 12:00 ~ 15:00<br/>
장소 : 리샨 삼성타운점<br/>
주소 : 삼성전자빌딩 지하 1층 B107호
</small>
</span>
</p>
</div>

<p>
<span>지하철<br/>
<small>
강남역(2호선/신분당선) 8번 출구<br/>
지하 연결통로 → 직진 후 좌회전(500m) → 엘리베이터(5층)<br/>
또는, 지상 건물 외부 통유리 엘리베이터 이용 (5층)
</small>
</span>
</p>

<p>
<span>셔틀버스 (대구)<br/>
<small>
08:00 대구 수성구 동대구로 194 어린이회관 앞 / 15:00 회차
</small>
</span>
</p>


<p>
<span>자가용<br/>
<small>
삼성전자 서초사옥 주차장 (3시간 무료 주차 가능)<br/>
1층에서 지상 건물 외부 통유리 엘리베이터 이용 (5층)
</small>
</span>
</p>


<p>
<span>피로연장 안내<br/>
<small>
일시 : 12:00 ~ 15:00<br/>
장소 : 리샨 삼성타운점<br/>
주소 : 삼성전자빌딩 지하 1층 B107호
</small>
</span>
</p>
</div>
<div class="footer"></div>
</div>
Expand Down
5 changes: 2 additions & 3 deletions styles/style_main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -133,11 +133,10 @@
}

.icon-button {

width: 57px;
height: 57px;
padding: 0px 5px 0px 5px;
justify-content: flex-start;
justify-content: center;
align-items: center;
display: inline-flex;

Expand Down Expand Up @@ -185,7 +184,7 @@ span {
display: flex;
margin: 0.75em 1em 0.75em 1em;
}
width:100%;
width: 100%;
padding-left: 10px;
padding-right: 10px;
position: relative;
Expand Down
6 changes: 4 additions & 2 deletions styles/style_sub.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,7 @@
background: linear-gradient(#D9D9D900 0%, #D9D9D900 50%, #D9D9D9FF 70%, #FBFBFBFF 100%), url("../resources/image/Cover_0.jpg") no-repeat center center;
background-size: cover;
background-position: 50% 20%;
width:100%;
width:100%;
height: 100vh;
min-height: 480px;
overflow-x: hidden;
Expand All @@ -35,9 +35,10 @@
position: relative;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
align-items: center;
gap: 10px;
display: inline-flex;
width: 100%;
}

.iconButtonContainer {
Expand All @@ -46,6 +47,7 @@
justify-content: space-between;
align-items: flex-start;
display: inline-flex;
flex-wrap: wrap;
}

/* More gallery */
Expand Down

0 comments on commit 6f12822

Please sign in to comment.