Learn the ins and outs of padding and margin to set spacing on web elements. We’ll use practical design examples to demonstrate how to add space inside and outside of cards, images, headings, buttons, and Occam’s square.
00:00 – Introduction
00:44 – Padding & margin on one side
01:43 – Padding & margin on both sides
02:17 – Padding & margin on all sides
02:26 – Auto margin & centering
04:03 – Negative margin & overlapping
04:30 – Use cases & Occam’s square
———-
Get started with Webflow: https://wfl.io/2r7cVUW
https://webflow.com
https://twitter.com/webflow
https://facebook.com/webflow
source
Why are these so good. Honest to God, if it wasn't for these training videos, I'd have moved on to a diff platform. Webflow is a big tool and its scary as an ultra n00b, but these videos REALLY make it easy to follow along and learn.
Had no idea you can use negative margins :0 Thansk
what is this ? is it a page builder or a theme or coding ?
QFT! God I miss physics 🙁
Does anyone know the name of the music in the intro, it's epic :D. Would love to know the song name :).
Sir how to change button text name to center to left on button
One thing i noticed during those lessons is that Webflow has not only top-notched videos but also the kindest and funniest people writing in the comment section. That's called building a culture.
edit*: comment::first-letter { text-transform: uppercase; }
Great Video!!!!!
Say more for the windows user. The audience of the windows users is the most I think and they need the advice most. Coz they need the money to buy the mac os mate.
If I were my grandmother, I would give a juicy kiss to this young man for his wonderful tut 😉
My Man this site-builder is amazing!🤩.
I used it for a while and i can't express how many times ill smash 5*** ratings.
-1 its easy and quite hard in the first day, but i learn new techniques evryday.
-2 at least its better than wix.(dont hate on me ik wix is ez) reasons:
-1 my test websit( i made for fun) worked properly,the S.E.O worked good just with
Webflow.io as a placeholder,unlike the:/mysite1.u.n/wixsite.com
Well its overall a good site builder. At least i can create my site from scratch instead of T E M P L A T E S.
Good job👍🏻
This series is great!
One question: what is considered the best practice when trying to implement overlapping elements like what you showed on the video of the avatar going over the top of its card. I always thought using position: absolute/relative would be a better choice?
Hello. I'm desperate. When I build up a page and pull it together, the last window overlaps the other two above. Maybe someone knows how I can do it right?
These new videos and animations are just butter, bros! Like sizzling butter. 🧈
Woah who is this guy. This face came out of nowhere in the playlist tutorial
"The problem with that sort of not very responsive design is that it's not very responsive."
This guy cuts straight to the point and I respect that.
Where can I download this software?
Excellent work.
I so much wish to have this Webflow as a desktop application!! This is the best EVER web design application!! BEST EVER!!!
I understand quantum theory here much better than college class !
Jesus dude that new mac is definitely making leaps and improvements to the already stellar quality of this channel.
Webflow is such a powerful webdesigntool, that I don't want to show it to some other designers, but at the same time the hype is really real and I can't hide it anymore.
Thanks for this! This is really one of the thing that makes me confused when switching from print design to web/UI design. You make this much easier to understand.
Keep up the good work Webflow team!
Webflow best way to learn CSS
Love the subtle figma shoutout
your tutorials are the best.
Thank you for this! I just started using webflow and this is one of the things that I was struggling with 😅
I ❤ Webflow #noCode
This software is so amazing I actually learnt how to code after using it. Make it visual, brilliant idea !
What software do you use to create this (5:57)? Do you use After Effects for this?
Nicely done Mr.Rayzer' – Ssss.
Anyone else spacing on the web?
This tutorials are amazing!!
Keep dishing them out! 👍🏽
why is your CSS preview not in beta? I still can see my beta tag. Not a big deal. Just curious.
Yo I am first