Build Youtube in React 11: Video component

You may also like...

3 Responses

  1. Purushottam Mallick says:

    Great article man. It helped me a lot with my project. Thanks, man!!

  2. Bipin says:

    Hey Jan,

    Actually, the aspect ratio can be maintained without ::before pseduo element.

    Like this:

    Page Title

    .container {
    padding-bottom: 50%;
    border: 3px dashed steelblue;
    position: relative;
    .content {
    position: absolute;
    background-color: rgba(.1,.1,.1,.1);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: grid;
    place-items: center;


Leave a Reply

Your email address will not be published. Required fields are marked *