Create STICKY SECTIONS in 5 minutes | Webflow Tutorial 2021

In this video, I will show you how to create an awesome sticky section in Webflow. This takes only 5 minutes and it looks super clean. I will start from scratch to guide you through the full process. Position sticky is not the most intuitive thing if you are not familiar with CSS, but after watching this Webflow tutorial you will probably understand it and also know how to use it. Hopefully, this video will be helpful for you!
💻 Use Webflow: webflow.grsm.io/simonlampert
⚡ Check out the Relume Library: library.relume.io/?via=simon
🔥 Follow me on Instagram: / simonwebdev
🦅 Follow me on Twitter:
/ simonwebflow
🌎 Connect with me on LinkedIn:
www.linkedin.com/in/simon-lampert
📷 Timestamps
0:00 - Introduction
0:18 - Setting up the basic structure
3:08 - Building sticky card section
6:11 - Sticky position on content
7:50 - Outro
🎵 The songs:
Six Seasons - Unicorn Heads
• Unicorn Heads - Six Se...
Whip - Yung Logos
• Video
Like That - Anno Domini Beats / @annodominibeats
Interstellar Mood - Nico Staf
• Video
Soul Searching - Causmic / @causmic
Turtle Time - Verified Picasso / @verifiedpicasso7260
👍 Check out my other Webflow videos if you want to learn more and leave a like if you think this tutorial was helpful. Do you have a question? Just ask in the comments. Never miss a new video again by subscribing to my channel.
See you next time! 😎

[@simonlampert]

Feel free to ask if you have a question :)

[@fabianmolina682]

Super helpful! I think I just need a little help with adjusting for mobile now 😅

[@roving-camera_72]

Great tutorial. I would probably use images in the right side with some text on the left to create a single page gallery. Thanks for sharing this!

[@gdgd730]

It's crazy how many divs you created!!! I suggest that it's better not to distract and overwhelm your audience if the main goal of this tutorial is to teach people about sticky sections, not other future-proof layout practices like you do with div on top of div.

[@WilfredoXavier.M]

Thnks bro! Finally one tutorial that works at 1st attemp

[@mrose1202]

Great tutorial! Also love that you're using the client first framework. Nice job!

[@kdcan724cnls4]

Thanks Simon! awesome tutorial!

[@jkricha8324]

Thank you so much!

[@danielabaigorri]

Great tutorial! Thank you for the time and effort invested in the making so that beginners like me can get better!

[@abhinavgarlapati8373]

Simon, appreciate your skills and videos. You are awesome and thanks for your content.

[@simonlampert]

Thank you, I will release a new video today 💪

[@mainul__islam]

really amazing tutorial. Please never stop uploading videos on youtube ❤️

[@simonlampert]

Thank you! No worries, more videos are coming 😎

[@lorenadesign]

Great tutorial!! Thanks for sharing! Hey I have a question: how do you to a sticky menu? I made 6 buttons for sections on my page and now I want this menu to contract when scrolling and be sticky, how do you do that?

[@christostsakiridis4313]

Hi. Thanks for your tutorial. I got a question. After reaching the button, sticky cards still haven't fully stack. I feel like i have to add more empty page down so i can scroll more to complete the stack effect. Sorry for my English 😊. Any idea how to fix it ?

[@garethellison01]

Nice Video man! Maybe this is because I'm a newbie, but would be cool if you could quickly say why your setting each position or putting elements in a certain way. Apart from the reallu obvious ones of course. It's probably because you've been doing it a while it's second nature to you. But someone in this only a few months some of those arent quite so obvious. Awesome video though! Now subscribed! 👍🏼

[@simonlampert]

Hey! Thanks for your feedback. It is a bit difficult for me to find a balance between delivering valuable content for immediate users by not explaining everything 100% and making sure beginners also understand everything. I probably won't be the person to teach you Webflow basics for positioning etc. on my channel. For this, I would suggest you to check out the Webflow University, if you haven't yet. I will produce a new tutorial tomorrow, see you around 🔥

[@zebedy]

Why is REM your preference over px or vw etc? I'm new to all of this but haven't heard REM being used before

[@simonlampert]

It's for accessibility. You can also check out this video, might be helpful to you. kzbin.info/www/bejne/nnO4pnZoec15qsk

[@coralineoscar546]

It's about consistency across breakpoints. You can't have a seamless consistency with px

[@simonqoael3605]

too little div block!

[@coralineoscar546]

Overcomplicated - there is an easy way to do