Notice
Recent Posts
Recent Comments
Link
04-30 04:22
«   2025/04   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30
Tags more
Archives
Today
Total
관리 메뉴

<<개발일지>>

hidden md:flex md:block 본문

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 명령어가 덮히게 된다.

 

 

 

'HTML + CSS' 카테고리의 다른 글

<a href="https://exam.com">Example</ a>  (3) 2024.09.21
display 속성 inline 과 block  (0) 2024.04.28
JSX 작성 규칙  (0) 2023.12.17
SSAS CSS 네이스팅  (0) 2023.12.15
박스 모델(Box model & Box sizing)  (1) 2023.11.26
'HTML + CSS' Related Articles more