div.wrapper {
    display: grid;
    align-items: center;
    justify-items: center;
}

div.container {
    display: grid;
    grid-template-columns: repeat(2, auto);
    align-items: stretch;
    justify-items: stretch;
    grid-gap: 0.5em;
}

div.videos {
    display: grid;
    grid-template-columns: repeat(1, auto);
    align-items: stretch;
    justify-items: stretch;
    grid-gap: 0.5em;
}

div.links {
    display: grid;
    gap: 0.5em;
    grid-template-columns: repeat(4, 1fr);
    align-items: stretch;
    justify-items: stretch;
}

div.container div,
div.videos div,
div.links div
{
    display: grid;
    outline: 1px solid #333;
    align-items: center;
}

div.links div h3
{
    margin-top: 0;
}

div.videos div {
    padding: 0.5em;
    background: gainsboro;

    display: grid;
    grid-template-columns: repeat(1, auto);
    align-items: center;
    justify-items: center;
    grid-gap: 0.5em;
}

div.videos div h3, div.videos div h4 {
    margin: 0;
}

div.links div {
    padding: 0.5em;
    justify-items: start;
}

div.links div h3 {
    justify-self: center;
}

div.links div a {
    color: grey;
}

div.links div a:hover {
    color: silver;
}