요즘 유튜브가 또 메인화면을 이상하게 바꿔서 영상 썸네일을 큼직큼직하게 띄우고 있죠. 

처음 한동안은 썸네일이 시원시원해서 적응해볼까 하다가.. 

아무래도 한 화면에 나오는 영상이 적어져서 좀 답답함이 느껴지길래 후다닥 css 바꿔봤습니다.

바꿔보니 편-안 -_-

1.   https://chrome.google.com/webstore/detail/stylus/clngdbkpkpeebahjckkjfobafhncgmne

css 수정을 위해 위 stylus 익스텐션을 크롬에 설치합니다.

2. 주소창 옆에 보이는 stylus 익스텐션 아이콘을 누른 후 [Manage] 버튼을 눌러 들어가서 [Write new style] 버튼을 누릅니다.

3. 아래 css를 복사&붙여넣기로 입력합니다.    (화면 사이즈 조건 및 영상 숫자는 자기 환경에 맞게 수정해도 됩니다.)

@media (min-width: 1600px) {
    ytd-rich-grid-renderer {
        --ytd-rich-grid-items-per-row: 6 !important;
    }
    #video-title.ytd-rich-grid-video-renderer{
        font-size: 1.4rem;
    }
}


@media (min-width: 1400px) and (max-width: 1599px) {
    ytd-rich-grid-renderer {
        --ytd-rich-grid-items-per-row: 5 !important;
    }
}

4. 화면 하단에 Applies to 라고 써진 부분을 URLs starting with 로 선택한 후, 옆에 https://www.youtube.com/ 을 입력합니다.

(URL로 하는게 맞지만, 메인화면에서 채널이나 영상 누르는 순간 주소가 바뀌며 css 풀리는게 보기 싫어서  URLs starting with로 설정)

5. 좌측 상단에 이름을 적당히 넣고, save버튼을 누릅니다.

그리고 enabled 체크박스가 활성화되어있는지 확인합니다.

6. 끝!

잘못된 형식의 이미지 링크입니다.

위 내용을 따라하면 stylus 화면이 대충 이런 모습이예요.