4 TOUR OF TAILWIND -1

4.0 Intro

utility-first css framework
클래스 많이 갖고 있는 엄청 뚱뚱한 css다.

부트스트랩이랑 다른점은뭐지?
=> 부트스트랩으로만들어진 데 가면 다 똑같음.
=> 정해진 스타일이 없고, 조합하면 다르다는거

vscode extension -> tailwind css 받으면 자동완성 됨
https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss
hover하면 tailwind의 소스도 보임

경고도 해줌

4.1 Test Drive part Two
자동완성 안되면 control + i 눌러
치다가 지워서 자동완성 또 안되면 control + space 눌러

이런 설명 보면 된다. hidden이 아닌 자식들에게 마진 top,bottom 준다.

4.2 Test Drive part Two, 4.3 Test Drive part Three

space-x, space-y 들은 tailwind의 것, 알아서 마 계산해줌

vscode에서 이모지나오게 하려면:
Windows: 윈도우+마침표
Mac: 커맨드+컨트롤+스페이스바

aspect-ratio와 width를 같이 주면 정사각형