add watch-page grid

This commit is contained in:
Ashley 2022-12-14 16:54:38 +00:00
parent a79fc18b6f
commit 83e71821a3

View file

@ -108,7 +108,7 @@ a {
border-radius: 25px; border-radius: 25px;
margin: 10px; margin: 10px;
margin-top: 0px; margin-top: 0px;
margin-left: 24px; margin-left: 0px;
height: -moz-fit-content; height: -moz-fit-content;
height: fit-content; height: fit-content;
justify-self: center; justify-self: center;
@ -318,8 +318,7 @@ a {
border: 1px white solid; border: 1px white solid;
} }
.video-player-container { .video-player-container {
max-width: max-content; max-width: max-content;
margin: inherit; margin: inherit;
@ -328,3 +327,12 @@ a {
aspect-ratio: 16 / 9; aspect-ratio: 16 / 9;
} }
.watch-page {
display: grid;
grid-template-columns: repeat(2, auto);
--gutter: 1.67em;
gap: var(--gutter);
margin-inline: var(--gutter);
}