body, html { | |
margin: 0; | |
padding: 0; | |
width: 100%; | |
height: 100%; | |
overflow: hidden; | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
} | |
.slider-container { | |
width: 100%; /* ์ ์ฒด ๋๋น ์ฌ์ฉ */ | |
height: 100%; /* ์ ์ฒด ๋์ด ์ฌ์ฉ */ | |
overflow: hidden; | |
position: relative; | |
display: flex; | |
justify-content: center; /* ๊ฐ์ด๋ฐ ์ ๋ ฌ */ | |
align-items: center; /* ๊ฐ์ด๋ฐ ์ ๋ ฌ */ | |
} | |
.slider { | |
display: flex; | |
transition: transform 0.5s ease-in-out; | |
} | |
.slide { | |
width: 70vw; /* ๋ทฐํฌํธ ๋๋น์ 70% */ | |
height: 60vh; /* ๋ทฐํฌํธ ๋์ด์ 60% */ | |
margin: 0 15px; /* ์ฌ๋ผ์ด๋ ์ฌ์ด ๊ฐ๊ฒฉ ์กฐ์ */ | |
background-color: #ccc; | |
display: flex; | |
justify-content: center; | |
align-items: center; | |
font-size: 2em; | |
} |