Using splash-container in Pure CSS
<p>i'm using a spash-container this way:</p>

<pre><code>&lt;div class="splash-container"&gt;
&lt;div class="splash"&gt;
    &lt;h1 class="splash-head"&gt;Ciencias de la Legislación&lt;/h1&gt;
            &lt;p class="splash-subhead"&gt;
        Listado de archivos disponibles.
    &lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p></p>

<p>With the following css:</p>

<pre><code>.splash-container {
background: #595959;
z-index: 1;
overflow: hidden;
width: 100%;
height: 40%;
top: 0;
left: 0;
/*position: fixed !important;*/
</code></pre>

<p>}</p>

<p>But I have a small space between the navbar and the splash-containe, As you can see here:</p>

<p><a href="https://i.stack.imgur.com/t2QSd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/t2QSd.png" alt="Image"></a></p>

<p>Is there a way to fix it?</p>