๐Ÿน๐ŸŒŸ ์žฌ๋ฏธ์žˆ๋Š” CSS

1872 ๋‹จ์–ด webhtmlcss
๋•Œ๋กœ๋Š” ์ด๋ฆ„๋ณด๋‹ค๋Š” ์ผ์„ ์ˆœ์กฐ๋กญ๊ฒŒ ์ง„ํ–‰ํ•˜๊ณ  ์‹ถ์„ ๋•Œ๊ฐ€ ์žˆ๋‹ค.์ด๋ชจํ‹ฐ์ฝ˜์ด ์—ฌ๊ธฐ์„œ ๋„์™€์ค„๊ฒŒ.

โš ๏ธ 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>

๋ฏธ๋ฆฌ ๋ณด๊ธฐ

์ข‹์€ ์›นํŽ˜์ด์ง€ ์ฆ๊ฒจ์ฐพ๊ธฐ