ํญ์ ๊ธ์ ์์ฑํ๊ณ ๋์ ํ์ธํด๋ณด๋ฉด ํญ์ด ๋๋ฌด ์์์ ๊ฐ๋ ์ฑ์ด ๋จ์ด์ง๋ค๋ ์๊ฐ์ ๋ง์ด ํ๋ค.
์์ ํ ์ ์๋ ๋ฐฉ๋ฒ์ ์ฐพ์์ ๊ณต์ ํด๋ณด๊ณ ์ ํ๋ค ใ ใ
(์ฐธ๊ณ ๋ก ๋๋ odyssey ์คํจ์ ์ฌ์ฉ์ค์ด๋ค)
์ฐ์
๋ธ๋ก๊ทธ๊ด๋ฆฌ > ์คํจ ํธ์ง > html/css ํญ์์ cssํญ ์ ํ > html ํธ์ง
์ผ๋ก ๊ฐ์ ์ฝ๋๋ฅผ ์์ ํ ๊ฑฐ๋ค
.area-main์ ๊ฒ์ํด๋ณด๋ฉด ์๋์ ๊ฐ์ด width์ max-width์์ฑ๋ค์ ๋ณผ ์ ์๋ค.
default๊ฐ์ width:100%, max-width: 640px์ด์๋๋ฐ
๋๋ width 80%๋ก ์ค์ด๊ณ , max-width ํฝ์ ๊ฐ์ ๊ฑฐ์ ๋๋ฐฐ๋ก ๋๋ ค์คฌ๋ค
(์๋ ๊ทธ๋ฆผ ์ฐธ๊ณ )
์ฐธ๊ณ ๋ก ๋๊ฐ์ ๊ฒฝ์ฐ๋ .main๋ ๊ฐ์ด ์์ ํด์ค์ผํ๋ค
์ฝ๊ฒ ๋งํด main์ ํ๋ฉด ์ ์ฒด ๋์ด, area-main์ ๋ณธ๋ฌธ์ ๋์ด๊ธฐ ๋๋ฌธ์
main์ ํญ์ด area-main์ ํญ๋ณด๋ค ๋์ด์ผ
๊ทธ ํ์ฅํจ๊ณผ๋ฅผ ํ์ธํ ์ ์๋ค
.main์ default๊ฐ์
width: 100%, max-width: 1020px, margion: 0์ด์๋๋ฐ
์ฌ๊ธฐ์ max-width ๊ฐ๋ง ์ข ๋ ํค์์คฌ๋ค
1020 -> 1220๋ก
์ด๋ ๊ฒ ํ๊ณ ์ ์ฉํ๊ธฐ ๋ฒํผ์ ๊ผญ!!!!! ๋๋ฌ์ผํ๋ค!!!
๋์์ด ๋์ จ๋ค๋ฉด ๊ณต๊ฐ ๋๋ฌ์ฃผ์๋ฉด ๊ฐ์ฌํ๊ฒ ์ต๋๋ค~๐โ๏ธ