tailwind : hidden md:block 반응형일때 사라지게 만들기

 

tailwind는 약간 쓰기  힘들거라고 생각해서 안쓰다가 너무나 간단한 방법으로 반응형을 구현할 수 있기에

연습을 해야겠다  마음먹고 사용을 해보려고 한다.

✅ 코드해석

 display: flex;  align-items: center;
width: 10px;  height: 10px;
border-radius: 50%;  margin-right: 2px;

span은 hidden 즉 항상숨어있어  md:block 근데 미디움 사이즈 부터는 나타나도돼 라는 뜻이다.

 

📙 이미지로 확인하기 

전체화면일때는 내 이름이 나온다.

사이즈가 작아지면 hidden 속성이 발휘하여 나오지 않는다.