In this beginner-friendly tutorial, you’ll learn how The Studio built its award-winning 'wonky' grid slideshow using HTML, CSS, and Javascript. It's a fantastic effect for a modern and sleek portfolio or product site. While it seems like it could be days of work, it's actually more straightforward than you may imagine.
What you’ll learn:
Setting up your HTML + CSS structure
Making a grid layout with fractions
How to use hidden overflow to hide parts of the slideshow
Using Javascript to fade in/out items on click or timer