My Portfolio Page, overlapping containers?

My Portfolio Page, overlapping containers?
0.0 0

#1

So, I coded this page

But for some reason, all the containers are overlapping, thus looking like 100% shit on mobile.
Does anyone have a clue why that is the case?

Side note; Is there a cleaner way to code this? Felt like coding spaghetti :<.

Thanks in advance :smiley:


#2

You can start by giving the .panel class a min-height: 100vh instead of height: 100vh;

And you are not using the bootstrap grid correctly. Bootstrap has a girt system based on a 12 column layout. And the class col is not a bootstrap class you should use col-md-6 or col-md-12.
You can read more about the bootstrap grid here:

Bootstrap Grid


#3

Thx for min 100vh, ill try that, - “col” is a class, I’m using bootstrap4, for example - using “col” twice equals col-xs-6*2


#4

Omfg you solved my problem I was having for 4 days - I love you <3