๐Ÿ‘ฅ ์ปจ๋ฒค์…˜ โ€ HTML & CSS - FRONTENDBOOTCAMP-13th/Vision GitHub Wiki

๋„ค์ด๋ฐ ๋ฃฐ

์ผ€๋ฐฅ ์ผ€์ด์Šค | kebab-case


ํ…Œ์ผ์œˆ๋“œ ์ ์šฉ

HTML ํŒŒ์ผ ๋งˆํฌ์—…์— ์ง์ ‘ ์ ์šฉํ•˜๋Š” ๋ฐฉ์‹ ๋ณด๋‹ค๋Š”, CSS ํŒŒ์ผ์— @them, @layer components { @apply: ; } ๊ตฌ์กฐ๋ฅผ ์ฃผ๋กœ ํ™œ์šฉํ•œ๋‹ค.


๋ฐ˜์‘ํ˜• ๊ทœ๊ฒฉ

๋ชจ๋ฐ”์ผ

๋ชจ๋ฐ”์ผ ๊ทœ๊ฒฉ์—์„œ๋Š” ์ฝ˜ํ…์ธ ๋ฅผ ๋ฐ˜์‘ํ˜•์œผ๋กœ ๊ตฌํ˜„ํ•œ๋‹ค.

  • min-width: 300px
  • max-width: 1023px

์›น

์›น ๊ทœ๊ฒฉ์—์„œ๋Š” ์ฝ˜ํ…์ธ ๋ฅผ ๊ณ ์ •ํ˜•์œผ๋กœ ๊ตฌํ˜„ํ•œ๋‹ค.

  • min-width: 1024px

์›น ๊ทœ๊ฒฉ์—์„œ ์ฃผ์š” ์ฝ˜ํ…์ธ ์˜ ๊ฐ€๋กœ ๋„ˆ๋น„๋ฅผ 1050px ๋กœ ๊ณ ์ •, ์ œํ•œํ•œ๋‹ค.

  • w-[1050px]
โš ๏ธ **GitHub.com Fallback** โš ๏ธ