Hey, Pixels! In this tutorial, I’m going to show you how to code an Animated Image Grid Layout that will look awesome on any portfolio website. This is a spin on one of my most loved tutorials: Responsive Animated Image Grid. In this tutorial, we’re going to be using HTML and the latest in CSS, which include the infamous CSS Grid.
#XOPIXELPerfect #CSSGrid
___
♥︎ THE XO PIXEL SHOP
▸ XO PIXEL Sticker Pack: http://bit.ly/2nowEz1
▸The Essential HTML5 & CSS3 Reference Sheet: http://bit.ly/2nU8qgY
♥︎ M O R E V I D E O S
▸ Web Design Speed Art Modern Website | http://bit.ly/2nfhEjF
▸ Adobe XD App Design | http://bit.ly/2nrf3UG
▸ Responsive Animated Image Grid | http://bit.ly/2o7tyAp
▸ Nexus 6P Unboxing & Review | http://bit.ly/2iNiyRJ
▸ TIDAL REVIEW: Is It Worth It? (2016) | http://bit.ly/2imcyRf
___
♥︎ R E S O U R C E S
📚 My Favorite Books:
Coding: http://amzn.to/2nr0wso
Typography: http://amzn.to/2odhevl
Web Design: http://amzn.to/2nfeIUr
🎥 My equipment for my YouTube videos & Blog:
Camera: http://amzn.to/2nzeVVs
Microphone: http://amzn.to/2n2l7RN
___
♥︎ F O L L O W
▸ blog | http://xopixel.com
▸ facebook | / xopixell
▸ twitter| / xopixell
▸ instagram | / xopixell
▸ pinterest | / xopixel
Subscribe to XO PIXEL for new videos every week! / @xopixell
___
♥︎ FILMED & EDITED BY MARISA BLAIR
___
♥︎ A B O U T
Explore tutorials, articles, and freebies to become inspired and creative as you develop your design and coding skills!
Our articles and tutorials have reached over 1 million creatives online, in hundreds of countries around the world. XO PIXEL’s mission is to provide creative and inspiring design, coding tutorials and helpful articles for enthusiastic learners online. By taking a look around XO PIXEL, you’ll notice four main types of content: Video Tutorials, Articles, Freebies, and Cool Extras.
___
FOR BUSINESS INQUIRIES: [email protected]
___
Disclaimer: This is NOT a sponsored video.
Please note that I may receive a commission (via affiliate programs) if you purchase something linked in my description.