I’ve completed my personal portfolio page and exported it to host in AWS S3 and keep working on it as my actual portfolio.
The issue I’m having is when I view the site on my phone from codepen everything collapses fine and looks how it should but when I view the site on S3 on my phone it doesn’t scale properly.
left =codepen - how it should look
right = hosted on S3 - doesn’t scale properly
Does anyone have any idea what could be causing this?
The files in S3 are straight from the export.
Both sites behave the same on a desktop browser and collapse properly when resizing.
Try changing container class maybe.
Hope this help.
Thanks for the idea! Tried changing to container-fluid but it just causes the content inside to fill the whole width of the page and still doesn’t stack properly on my phone.
Now I found that you don’t include
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
After testing with chrome dev tools it’s work.
You can find more about it on Bootstarp Introduction.
Fantastic, that works perfectly now.
I never added that in codepen so I wonder if it was added behind the scenes and then not included in the export.
Thank you very much for the help and thanks for the link, I’ll have a good read through!