Hey everyone! I’m still working on some of the feedback for my tribute page here: http://codepen.io/celenajasmin/pen/OXqPzL.
One of which is the issue on smaller screens, a horizontal bar appears and this happens:
@Naqin has advised that:
In bootstrap the order of the elements is like this: container > row > columns. Containers basically wrap all of your content, and direct children of row elements may only be col elements. Putting the row above the others is actually what’s causing that little scrollbar at the bottom. Some good reading is in the Bootstrap docs: http://getbootstrap.com/css/#grid1
Not fully understanding the grid before I started coding, my code looked like this:
…and so on. I did it this way because I wanted the background to span the entire row while keeping the content inside. Is there a way to achieve the same appearance and get rid of the scrollbar in smaller screens?
Any help would be much appreciated Thank you!