Safak Kocaoglu

CSS Animations With Creative Real-World Projects

<p>Hi, you are doing well :) What's your exact problem? Your flexbox is working. If you say, justify-content-space-evenly, instead of center, you can see them better.</p>

Ok that worked. thx. But as you see i had to add a margin-top to the container because the flexbox on .container didn't work either. You know why this could not work? It just doesn't align in the center without margin-top

Also i copied the exact code provided in the tutorial

can you try to give height:100vh to body and delete your margin in the container? 
And for icons div, I see that you wrote bottom:5px, it should be 50px which is container height.

<p>I can't tell why my flexbox isn't working. I run the latest version of chrome. Can someone help?<img style="margin-left:auto;margin-right:auto;" src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/056e3815.jpg" alt="HELP: Flexbox doesn't work - image 1 - student project" srcset="https://static.skillshare.com/cdn-cgi/image/quality=80,width=600,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/056e3815.jpg 600w, https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/056e3815.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy"><img style="margin-left:auto;margin-right:auto;" src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/12d96a04.jpg" alt="HELP: Flexbox doesn't work - image 2 - student project" srcset="https://static.skillshare.com/cdn-cgi/image/quality=80,width=600,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/12d96a04.jpg 600w, https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/12d96a04.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy"><img style="margin-left:auto;margin-right:auto;" src="https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/d9261add.jpg" alt="HELP: Flexbox doesn't work - image 3 - student project" srcset="https://static.skillshare.com/cdn-cgi/image/quality=80,width=600,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/d9261add.jpg 600w, https://static.skillshare.com/cdn-cgi/image/quality=80,width=1000,format=auto/uploads/project/d6b76eee90067d544b9ddac6899c4b7a/d9261add.jpg 1000w" sizes="(max-width: 600px) 600px, 100vw" loading="lazy"></p>


Company

Community

Teaching

Mobile

English

English