I need help making my project mobile friendly

I need help making my project mobile friendly
0

#1

So I have finished The Tribute Project and it took me ages because i wanted to use Bootstrap 4 so most of the code was different and it took me some time to find all the stuff i needed and new features and such.

This is not required to pass the project by i want to make my project mobile friendly and i do not know how that it why i need help.

This is how my project looks finished.

And this is how it looks on mobile.{this image is cropped so that it shows the top and the bottom part only}

https://i.gyazo.com/d24b03de5d29e5548ba97e60291e8454.png

I want to make it look resized or to make more of it fit because it looks to cramped now.

IF YOU HAVE DIFFERENT IDEAS PLEASE TELL ME.

Thank you ! :slight_smile:


#2

How about getting rid of the following:

<div class="row">
  <div class="col-xs-2"></div>
</div>

and changing the first and last:

<div class="col">
</div>

to

<div class="col-xs-2"></div>

#3

Yes i see that this following line is useless :

<div class="row">
  <div class="col-xs-2"></div>
</div>

But if i change :

<div class="col">
</div>

to

<div class="col-xs-2"></div>

In bootstrap 4 will offset my writing to the left.