Issue when exporting personal portfolio from codepen.io

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. :slightly_smiling_face:

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!