SCSS-videoBlock

partials/videoBlock.scss

.videoBlock {
  margin-bottom: 20px;
  a {
    color: black;
  }
  .videoBlock__thumnail {
    margin-bottom: 15px;
    max-width: 100%;
    // max-height: 435px;
  }
  .videoBlock__detail {
    display: flex;
    max-height: 127px;
    .profile__avatar {
      margin-right: 10px;
    }
    .videoBlock__info {
      display: flex;
      flex-direction: column;
      .videoBlock__title {
        overflow: hidden;
        line-height: 1.4;
        height: 70px;
        font-weight: 600;
        font-size: 17px;
        margin-bottom: 15px;
      }
      .videoBlock__subInfo {
        font-size: 17px;
        color: #606060;
        .videoBlock__creator {
          margin-bottom: 13px;
        }
      }
    }
  }
}

View

추가로 영상 하나를 더 올렸다.

http://localhost:5002/

참고 자료

• 노마드 코더의 유튜브 클론 강의

소스 코드

https://github.com/zpskek/wetube-v3/commit/884dfe4eba64cd005e7e5f49d39480ea3fe74702