Issue when exporting personal portfolio from codepen.io

Issue when exporting personal portfolio from codepen.io
0.0 0

#1

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


#2

Try changing container class maybe.

<div class="container">
<div class="container-fluid">

Hope this help. :slightly_smiling_face:


#3

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


#4

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.


#5

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!