What am I doing wrong with the display (Please)

1

Hey guys,

I am working on my personal portfolio site. It is still under construction so excuse me if its not fully functional… Any way the site looks good on big screens but on mobile screens I am not getting the decired effect as most mobile sites which you don’t have to zoom in all the time.

I am using BS4(alpha) already
Please tell me what I am doing wrong.
I am a n00b.

Here is the site I am working on : www.comfixx.com

2

It looks like you’re only using mobile breakpoints on the navbar at the top. You need to have custom rules that dictate how your components will look when there is only x space available. Otherwise it will try to fit everything in the page. I don’t know if there’s some built-in implementation of it in bootstrap, but you can follow this link to learn how to do it in regular css: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

3

@danju4rizzl

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

Just a quick comment here, your website looks amazing! Pretty great work for someone calling themselves a “n00b”!