Best way to fix this?
So If you look in the image I've used inspect element to check responsiveness of my website. Obviously it doesn't look great Kevin had responded to me not to long ago giving me options but I'm still confused what would be the way to go about fixing this issue? I was told it was an overflow issue and that seems correct.
32 Replies
Thing that is (could) be causing this would be these containers I've added
You should give more context like code or a codepen to see what the problem could be, it looks like the container under it may be the problem but it's hard to know why without reference
Apologies I keep forgetting 🤦
It's fine ahah
Just to warn you, I have a header issue im trying to resolve so if you run into anything weird with that you now know why.
I'll give it a look tomorrow now it's 5am here :)
You're good man! Good night! or I guess Good Morning?
Hey, it looks just fine in my codepen, did you change something?
I did, But it wasn't major changes
I have no overflow problems
Oh so when you use inspect element to check responsiveness (Mobile Size) You can see how everything get's screwed up.
The project containers I have and the font-size in the landing page I assume is what's causing it.
yes, you are using rem, so mobile view on inspect is strange since it keep the unit size of the broswer
Would you recommend I change it to em?
im using 4vw here
To be honest, I still haven't fully learnt REM/EM it's confusing.
ignoring the navbar as you said
I need to make the Nav Bar Better 🤦 I just haven't fully figured out the best way.
also the two buttons are in a grid but they are not centered, they are in the top left corner
Yea I have a lot tweaking to do with this ðŸ˜
yeah i get you ahah me too on my portfolio
i like to vw for font size since it get a nice scaling to it, otherwise you can use a media query to lower the rem
I want to figure out a way to somewhat avoid Media Querys and use correct sizing to d the job for me
If you have any ways for me to resolve these issues please help.. lol.
I guess vw it's your best friend then, this is with 8vw just for an example
in the .MN class, font-size
you can set some max-height or max-width if you dont want it to get too big
Just to let you know so you don't waste time typing it out
I ended up fixing the unaligned buttons
oh nice!
i was typing about rem vs vw
Ok if you have time could you check out this? https://discord.com/channels/436251713830125568/1207521295365832735
im not an expert, but rem are better for normal text, not title like that, vw its better imo because its scale well with the interface, while rem can be changed by user settings and scale too much
oh i getchu
answered
Thank you!