์‹œํ๋ฆฌํ‹ฐ์ง€ํ˜ธ 2024. 4. 28. 21:03

<div className="hidden md:flex justify-center items-center h-[300px] w-[1000px]">

 

hidden์€ ์š”์†Œ๋ฅผ ์ˆจ๊ฒจ์ฃผ๋Š” ๋ช…๋ น์–ด์ด๋‹ค.

 

md๋Š” 768px ์ด์ƒ์ผ ๋•Œ ์ ์šฉํ•˜๋Š” ๋ช…๋ น์–ด์ด๋‹ค.

 

์ฆ‰, 768px ์ด์ƒ์ด ๋˜๋ฉด md์— ์ ์šฉํ•œ ๋ช…๋ น์–ด ๋“ค์ด ์ ์šฉ ๋˜๋Š” ๊ฒƒ์ด๋‹ค.

 

์ด์™€ ๊ฐ™์€ ๋…ผ๋ฆฌ๋กœ hidden ์ด์–ด์„œ ์ˆจ๊ฒจ์กŒ๋‹ค๊ฐ€ md:flex ๋˜๋Š” md:block ์œผ๋กœ hidden ๋ช…๋ น์–ด๊ฐ€ ๋ฎํžˆ๊ฒŒ ๋œ๋‹ค.