help, random gap with white background

[FelixDev]

https://gyazo.com/0f48f3b8537513362b908b66b59a80a1
I got this random gap between my two divs. anyone that knows what I can do to fix it ?

    <div class="top col-12 md-4 w-100">
        <h1 id="str"></h1>
    </div>
    <div class="main mt-0 w-100">
        <div class="row w-100">
            <div class="col-6 md-4 main-left">
                <img src="img/me.jpg" alt="">
            </div>
            <div class="col-6 md-4 main-right">
                <h1>Felix $ Developer</h1>
                <p>Tjena! Mitt namn är Felix och jag är 17 år.<br>Lite smått om mig själv, Jag pluggar Teknik i gymnasiet med intriktning på Web-Programmering. Jag spelar fotboll på fritiden och programmerar också en hel del. Söker nu mera efter små jobb inom programmering då jag har börjat spara ihop pengar till min egen bostad och bil, därför känner jag att jag själv kan börja bli en "<span id="italic">self entrepreneur</span>" inom programmering branschen.</p></div>
        </div>
    </div>

These are the two divs I have.

 

[vps]

If you could, upload your code to codepen and I could take a look at what’s causing it in the AM as I am at work on mobile right now.

 

[FelixDev]

If you could, upload your code to codepen and I could take a look at what’s causing it in the AM as I am at work on mobile right now.

Add my discord ?L00ting#6443

 

[vps]

Add my discord ?L00ting#6443

Added I believe