[TIL] - 2

말줄임 표시 (...)

const Title = styled.div`
  font-size: 12px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;          
  overflow: hidden;
  `;
// 3줄까지 표시, 넘으면 뒤에 '...'붙음

한 줄에 10개씩 포스트 띄우기 with grid

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개씩 띄우도록 처리

2022.08.23 회고

오늘 한 일

• DOM 및 유효성 검사 학습 블로그 작성
• 모의 면접 질문 복습
• 1차 과제 시작

느낀 점

• DOM조작에 대해 다시 한번 훑을 수 있어서 좋았음
• 과제를 진행하면서 팀원들의 코드를 분석하면서 배우는 것이 많음