๊ฐ๋ฐ ์ง์, ์คํฌ๋ฆฝํธ/HTML + CSS
hidden md:flex md:block
์ํ๋ฆฌํฐ์งํธ
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 ๋ช ๋ น์ด๊ฐ ๋ฎํ๊ฒ ๋๋ค.