const Title = styled.div`
font-size: 12px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
`;
// 3줄까지 표시, 넘으면 뒤에 '...'붙음
const Contatiner = styled.div`
display: grid;
grid-template-columns: repeat(10, minmax(0, 1fr));
grid-template-rows: repeat(10, minmax(0, 1fr));
@media (max-width: 768px) {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
`;
// @media로 처리한부분은 한 줄에 5개씩 띄우도록 처리
오늘 한 일
느낀 점