๐น๐ ์ฌ๋ฏธ์๋ CSS
โ ๏ธ Don't overuse it. Read about how people with vision impairments use emoji.
์.
์ด๊ฒ์ BEM๊ณผ ์ ์ฌํ ์ด๋ชจํฐ์ฝ ์ข ๋ฅ์ ์์ด๋ค.
.๐ฆ {
height: 100%;
display: grid;
align-items: center;
justify-content: center;
background: cornsilk;
}
.๐ฆ-header {
font-size: 72px;
color: violet;
}
๋ค์ ์ฌํญ์ ์ ์ฉํฉ๋๋ค.<div class="๐ฆ">
<h1 class="๐ฆ-header">
Unicorns rule!
</h1>
</div>
๋ฏธ๋ฆฌ ๋ณด๊ธฐ
Reference
์ด ๋ฌธ์ ์ ๊ดํ์ฌ(๐น๐ ์ฌ๋ฏธ์๋ CSS), ์ฐ๋ฆฌ๋ ์ด๊ณณ์์ ๋ ๋ง์ ์๋ฃ๋ฅผ ๋ฐ๊ฒฌํ๊ณ ๋งํฌ๋ฅผ ํด๋ฆญํ์ฌ ๋ณด์๋ค https://dev.to/rumkin/css-for-fun-111hํ ์คํธ๋ฅผ ์์ ๋กญ๊ฒ ๊ณต์ ํ๊ฑฐ๋ ๋ณต์ฌํ ์ ์์ต๋๋ค.ํ์ง๋ง ์ด ๋ฌธ์์ URL์ ์ฐธ์กฐ URL๋ก ๋จ๊ฒจ ๋์ญ์์ค.
์ฐ์ํ ๊ฐ๋ฐ์ ์ฝํ ์ธ ๋ฐ๊ฒฌ์ ์ ๋ (Collection and Share based on the CC Protocol.)
์ข์ ์นํ์ด์ง ์ฆ๊ฒจ์ฐพ๊ธฐ
๊ฐ๋ฐ์ ์ฐ์ ์ฌ์ดํธ ์์ง
๊ฐ๋ฐ์๊ฐ ์์์ผ ํ ํ์ ์ฌ์ดํธ 100์ ์ถ์ฒ ์ฐ๋ฆฌ๋ ๋น์ ์ ์ํด 100๊ฐ์ ์์ฃผ ์ฌ์ฉํ๋ ๊ฐ๋ฐ์ ํ์ต ์ฌ์ดํธ๋ฅผ ์ ๋ฆฌํ์ต๋๋ค