The latest articles on DEV Community by Foteini Kollia (@foteinik). https://dev.to/foteinik https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F99974%2F506c8f59-cb39-41e6-99da-d3d52dbbbfdb.jpeg https://dev.to/foteinik en Foteini Kollia Thu, 31 Jan 2019 17:35:53 +0000 https://dev.to/foteinik/website-doesnt-display-properly-on-iphone-5s-281h https://dev.to/foteinik/website-doesnt-display-properly-on-iphone-5s-281h <p>Hello, fellow devs!</p> <p>So, the last month I've been building a site for my uncle. This is the first big project I've ever worked on.</p> <p>I've been using mainly flexbox since it is now almost fully supported.</p> <p>I sent it to some friends of mine to check it in their iPhones(on all browsers), and unfortunately, the site didn't display properly at all!</p> <p>It shows only the header and the hero section right after the header, and it needs to scroll a lot to see the hero section's content.</p> <p>I tried several things to fix it and unfortunately "spent" some free trials on browser-testing sites with no result :(</p> <p>I also used the online <a href="https://autoprefixer.github.io/">Autoprefixer</a> (which is an awesome tool, btw), but there was still no difference.</p> <p>I really don't know how to proceed and what to change in order to fix the problem. </p> <p>The site on code pen: <iframe height="600" src="https://codepen.io/FoteiniK/embed/rorpBg?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> <p>If you have any idea, please share your thoughts! </p> <p>Thank you </p> iphone5s html css beginners