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