Partially responsive site?

Partially responsive site?
0

#1

OK so when you resize the window the header for my tribute page changes size but the body doesn’t? Help me figure out how I pulled that one… thank you!


#2

I think that your issue can be fixed by looking into Bootstrap grid classes (see what happens when you add the ‘col-xs-12’ class to the div with the ‘body’ class.

As an aside, you may wish to avoid using classes with names that are the same as element names (e.g. ‘body’). I find it can be confusing to troubleshoot when classes and elements have the same names.

Hope this helps!


#3

Hi @lhinelle

When your are done with your basic styling i.e rows / columns .Please make sure you have this line in your HTML head tags. Responsiveness can only be enables with this line.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


#4

Thanks! I’ve definitely thought about adding Bootstrap to it for full responsiveness; just wasn’t sure why it seemed to have some before I did that.


#5

Thanks! What exactly does this line do?


#6

This line tells your page to adjust elements based on given device width. and also disables Page zooming.