Hi everyone,
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.
Many thanks!
Links
-https://codepen.io/nimbus117/full/zWmqNj/
-http://www.nimbus117.co.uk
Try changing container class maybe.
<div class="container">
<div class="container-fluid">
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.
Cheers
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!
