.watchVideoInfo display: grid grid-template-columns: 2fr 1fr padding: 16px @media screen and (max-width: 680px) grid-template-columns: auto .videoTitle font-size: 22px margin: 0 0 20px .channelInformation .profileRow display: flex align-items: center .channelThumbnail border-radius: 50% margin-right: 8px position: relative top: -4px cursor: pointer .channelName margin-left: 6px font-size: 18px cursor: pointer .subscribeButton margin-top: 8px margin-left: 6px padding: 6px font-size: 16px .viewCount, .datePublished color: var(--secondary-text-color) text-align: right font-size: 15px @media screen and (max-width: 680px) text-align: left .viewCount margin: 6px 0px 0px .datePublished margin: 4px 0px 0px @media screen and (max-width: 680px) margin-top: 16px .likeSection margin-top: 16px font-size: 12px color: var(--tertiary-text-color) display: flex flex-direction: column margin-left: auto text-align: right max-width: 210px @media screen and (max-width: 680px) margin-left: 0 text-align: left .likeBar height: 8px border-radius: 4px margin-bottom: 4px .likeCount margin-right: 6px .videoOptions margin-top: 16px display: flex justify-content: flex-end .option:not(:first-child) margin-left: 4px @media screen and (max-width: 680px) justify-content: flex-start @media only screen and (max-width: 1350px) .theatreModeButton display: none