hidden md:flex md:block

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

 

hidden은 요소를 숨겨주는 명령어이다.

 

md는 768px 이상일 때 적용하는 명령어이다.

 

즉, 768px 이상이 되면 md에 적용한 명령어 들이 적용 되는 것이다.

 

이와 같은 논리로 hidden 이어서 숨겨졌다가 md:flex 또는 md:block 으로 hidden 명령어가 덮히게 된다.