CSS, Tailwind

css. tailwind 지식
CSS, Tailwind

반복되는 컴포넌트에 tailwind nth-child 적용하기

tailwind nth-child 적용하기. fitst-child 축약어: first:속성 nth-last-child는 xl사이즈일경우 이렇게 쓴다. xl:last:w-[588px] nth-child(4)번째를 선택한다면 [&:nth-child(4)]:md:w-[337px] 반복되는 컴포넌트이지만 태블릿(768px)일때부터 달라질 경우 nth-child 지정을 해서 상황에 맞게 조절할 수 있었다. 모바일일땐 세로, 768부터 nth-child(4), nth-child(5) (last-chlid)일 경 react + tailwind 조합이라 className안에 속성을 썼다. {cardContent?.map((item, index) => { return ( {item.text} ); })} const ca..

Mori_FEDev
'CSS, Tailwind' 카테고리의 글 목록