Tribute Page - Need help with mobile resizing

1

So I just finished my Tribute page. Can anyone tell me how I can resize it
for mobile? I tried the class container/container-fluid on my top “div”

but it still doesn't work.

Link to Tribute

2

I had a similar issue and this helped me. Hope this is what you are looking for:
http://getbootstrap.com/css/#overview-mobile

3

Thanks, I tried that as well and it didn’t work. Perhaps I’m not placing the “head” in the right place? I’m not sure where I’m supposed to include a “head” in codepen.

1 Like
4

Try putting that mobile code in
<head></head>

If you open up settings on your pen and go under HTML you will see a little area for it.

5

You are missing divs with "row" classes
http://getbootstrap.com/css/#grid

<div class="container">
  <div class="row">  // <-- you should add these
    <div class="col-xs-6">
    <div class="col-xs-6">
  </div>
  <div class="row">  // <-- you should add these
    <div class="col-xs-6">
    <div class="col-xs-6">
  </div>
1 Like
6

Hey, I had a go on a fork at trying to make the responsive work here

I also added body tags, then applied the text-align:center to this, and applied text-align:left to the ul element. Hope it makes sense

Hope you dont mind, my first attempt at editing something on a fork.

7

Wow it looks really good on mobile. Thanks for the tip!