How to make a video grid?
<p>I have a page that tries to display 4 videos in a 2x2 grid, but I currently have two problems.</p>

<ol>
<li>There is space between videos</li>
<li>They are all in one column</li>
</ol>

<p>Here is my current code:</p>

<pre><code>&lt;!DOCTPYE html&gt;
&lt;html&gt;
    &lt;head&gt;
        &lt;title&gt;Memorabilia&lt;/title&gt;
        &lt;style&gt;
            body {
                margin: 0px;
            }
            video {
                width: 50%;
            }
        &lt;/style&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;video autoplay loop muted&gt;
            &lt;source src="a.mp4" type="video/mp4"&gt;
        &lt;/video&gt;
        &lt;video autoplay loop muted&gt;
            &lt;source src="b.mp4" type="video/mp4"&gt;
        &lt;/video&gt;
        &lt;video autoplay loop muted&gt;
            &lt;source src="c.mp4" type="video/mp4"&gt;
        &lt;/video&gt;
        &lt;video autoplay loop muted&gt;
            &lt;source src="d.mp4" type="video/mp4"&gt;
        &lt;/video&gt;
    &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>P.S. I don't want the videos to be of a fixed size, I want two videos in each row, that's why I put 50% in the width.</p>