안녕하세요!!
오늘은 저를 괴롭히던 tailwind에 대해 고발하려고 포스팅을 합니다..!
저는 그게 있죠 스타일링 작업 하는걸 정말 좋아하는데요
이번 프로젝트 스타일링을 tailwind로 하자 이야기 나왔습니다
저는 새로운 라이브러리 배우는걸 좋아해서 좋다고 이야기를 했고 진행을 하는데 이게 왠걸?
margin-20px, padding-20px 코드를 작성하면 상하좌우에 효과가 먹었는데
대체 tailwind는 어떻게 사용해야되냐구요 ㅠㅠ
근데 제가 방법을 찾았습니다
그럼 같이 알아보러 가시죠
결론 먼저 말해주세요
급하시군요 결론 부터 말씀드리겠습니다
<div className="px-[20px] py-[20px]"></div>
(y는 세로라고 생각하시면 되고, x는 가로라고 생각하시면 됩니다!)
(y축, x축 정도라고 생각하시면 될 것 같습니다)
margin도 동일한 원리로 작동한답니다
이렇게 저의 간지러운 부분을 시원하게 긁어주었습니다 ㅠㅠ
오늘은 짧지만 강력한 포스팅으로 마무리하겠습니다!
저만 몰랐다면 머쓱합니다....ㅎ
오늘은 이렇게 마무리하겠습니다!
여러분 오늘도 우리는 빠이팅이구요!
항상 편안한 하루 보내세요!
디자이너의 코딩 도전👍🏻