Help with mobile scaling

Hello again. Right now I am building my portfolio page project and it doesn’t seem to be scaling properly on mobile. Someone said to use media queries, but I can’t seem to figure out how to use them.

Any help would be appreciated!

For the best scaling results, you can use Bootstrap columns, read here : https://v4-alpha.getbootstrap.com/layout/grid/

Media queries are also an option, the idea is that you set different CSS styles for different screen width, https://www.w3schools.com/css/css_rwd_mediaqueries.asp

1 Like

Thank you for the reply!

I got it figured out. I ended up using Bootstrap collapse navbar and then setup multiple media queries and adjusted accordingly. I also had an issue with the nav bar collapse background being transparent but I fixed that by changing the height to min-height in CSS.

Oh, and for the navbar collapse to actually work you need the Jquery js to be before the bootstrap js.

Basically posting in case anyone else had the same issues :smiley:

1 Like