FLEXBOX Custom Layouts in Webflow

  Рет қаралды 11,595

Payton Clark Smith

Payton Clark Smith

3 жыл бұрын

⚡Join my exclusive newsletter for web designers:
www.paytonclarksmith.com/news...
You will get weekly tips, resources, challenged and more! 🔥
◽️◽️◽️◽️◽️◽️
This video covers the basics of using Flexbox in Webflow and how you can move and position different items within your Webflow project.
🎥How To Learn Webflow FAST:
• FASTEST Way to Learn W...
🎥Why I Freelance With Webflow:
• Why I Freelance With W...
🎥Complete Tutorial Here:
• LEARN WEBFLOW IN 45 MIN.
If you want to learn SEO as a Webflow designer, check out my course: www.paytonclarksmith.com. 🔥
Join our Facebook Group SEO and Webflow: bit.ly/34vpjBo.
Grab my SEO course for Webflow designers here:
www.paytonclarksmith.com/
CHAPTERS:
0:00 Intro
⚠️⚠️⚠️#flexboxcustomlayoutsinwebflow #webflow #webflowtutorial⚠️⚠️⚠️

Пікірлер: 35
@bharatchaudhary664
@bharatchaudhary664 3 жыл бұрын
Webflow has a big learning curve, But once you get hold of it you will never look back to anything else.
@PaytonClarkSmith
@PaytonClarkSmith 3 жыл бұрын
Couldn’t agree more! 👍🏻
@julius.2003
@julius.2003 2 жыл бұрын
You don't know how much new motivation that just gave me. Thanks bharat.
@ricardoalfonso1643
@ricardoalfonso1643 8 ай бұрын
I've finally discovered the secret sauce! Fantastic work, my friend. It's a crucial concept for designing layouts. ❤️❤️❤️
@ChristianBaptiste
@ChristianBaptiste 3 жыл бұрын
Extremely helpful tutorial, thank you!
@nemanjazivanovic8028
@nemanjazivanovic8028 Жыл бұрын
Thank you man, I am a newbie in webflow, and practical guides like this really simplify things to me. kudoes.🙏
@Remjbbx
@Remjbbx 2 жыл бұрын
You should do a beginner and advanced course it would be so useful ! Loving this video ! It's good to have a video that I Can comeback to if I ever forgot how it works !
@brunobel9270
@brunobel9270 3 жыл бұрын
Best tut ever. thank you for taking the time to create all the materials to explain the boxes.
@forno_nicolas
@forno_nicolas 2 жыл бұрын
14:30 Yes it is thanks!
@ibrahimadeleke545
@ibrahimadeleke545 Жыл бұрын
You made flexbox so easy. Awesome tutorial!
@aname206
@aname206 2 жыл бұрын
Wish I found this earlier. Thank you so much.
@nicolaspettini3143
@nicolaspettini3143 2 жыл бұрын
Great video, thanks!
@hossainahmad6016
@hossainahmad6016 Жыл бұрын
Really it was excellent!
@rmcellig
@rmcellig 2 жыл бұрын
And you can save the as a symbol. Excellent!!! Thanks!!! 😀
@alexpearl3155
@alexpearl3155 3 жыл бұрын
can you do this for grid?
@ChrisMooreOfficial
@ChrisMooreOfficial 3 жыл бұрын
I had a similar question. What are the pros/cons of doing this with Grid instead?
@schultzeworks
@schultzeworks Жыл бұрын
Answer the question! I know it’s been two years … but, still
@maniadhikari2108
@maniadhikari2108 3 жыл бұрын
My issues with the positioning is solved now.. Thank you so much for sharing and looking forward for more from you:)
@PaytonClarkSmith
@PaytonClarkSmith 3 жыл бұрын
Glad I could help! Thanks for watching 👍🏻
@hcf797
@hcf797 3 жыл бұрын
Awesome video! This helps me out a lot. Thank you.
@PaytonClarkSmith
@PaytonClarkSmith 3 жыл бұрын
Glad to hear it 👍🏻
@isaackeysbuyi6400
@isaackeysbuyi6400 Жыл бұрын
Hey dude, you're doing a good job.
@kaskas55
@kaskas55 2 жыл бұрын
Thanks a lot!
@uncleanAlibertine1
@uncleanAlibertine1 3 жыл бұрын
thnx for content but I think grid would be for this case much more suitable.
@kramer174
@kramer174 3 жыл бұрын
Hey Payton, just dropped you a like 👍 I got here from your "Best way to find clients" video. I just have a simple question, when you send the free videos - do you embed them somehow in the email or just link to a KZbin video? thanks amigo
@goldenant9450
@goldenant9450 Жыл бұрын
how to you do text with classes? do you need a different class for each variation of size, color, alignment? Bc right now i have H1, H1 centered, H1 light, H1 dark, H1 center light, H2.......you can see how this gets out of hand. it drives me crazy when i want to make a small change and it ends up effecting the whole site. I see how it can be useful but usually it's just a nuance...especially when it comes to text
@elkhanhamet2561
@elkhanhamet2561 10 ай бұрын
Hi Payton!!! Thank you for an amazing tutorial. It really solved a lot of issues that may arise when using flexbox for layouts. I have a question. At 5:33 do you use margin-bottom for a first column so it wouldn't stretch all the way down like the second one does? In my case they both stretch. But when I apply margin-bottom for the first one its content stays up, and second column stretches all the way down. Thank you
@gloriokey4972
@gloriokey4972 3 жыл бұрын
Hey, I got issue for fixing my layout to the different device...it’s doesn’t change at all...can I email you please
@boxoffisa
@boxoffisa 2 жыл бұрын
👍
@fernandooseguera6256
@fernandooseguera6256 3 жыл бұрын
Hey Payton Quick question, I planning on getting a laptop and wanted to know which laptop do you recommend for web designers?
@PaytonClarkSmith
@PaytonClarkSmith 3 жыл бұрын
MacBook Pro all the way!
@fernandooseguera6256
@fernandooseguera6256 3 жыл бұрын
@@PaytonClarkSmith thanks Honestly you should make a KZbin video going into depth I feel like you would get lots of good views. Thanks once again! Your channel is amazing
@poppingjaz
@poppingjaz 3 жыл бұрын
@@PaytonClarkSmith I agree and disagree. I'd first start with a budget. If your budget is under $1000 you aren't getting a Macbook Pro. I've done most of my work on a $700 Lenovo Thinkpad running Windows 10 and dual boot of Ubuntu. Now if you're developing via hand coding and will be learning Git, Frameworks, command line interface etc then OS X should be your first choice. But in a nutshell start with how much is a users budget.
@Kaotix_music
@Kaotix_music 2 жыл бұрын
remember adobe muse, you can literally just click and drag something and put it exactly where you want? ahhhh yes. Good times. Adobe fucked up.
@adan_wario
@adan_wario Жыл бұрын
Super helpful, like always Payt! Quick question, my sections overlap everytime I go into small screens. Any solution? ​#paytonclarksmith
How to price my Webflow project
10:39
Payton Clark Smith
Рет қаралды 10 М.
Webflow Flexbox Crash Course (2022 Full Tutorial)
21:10
Alex Leischow
Рет қаралды 2,1 М.
ОСКАР ИСПОРТИЛ ДЖОНИ ЖИЗНЬ 😢 @lenta_com
01:01
Smart Sigma Kid #funny #sigma #comedy
00:25
CRAZY GREAPA
Рет қаралды 16 МЛН
Heartwarming: Stranger Saves Puppy from Hot Car #shorts
00:22
Fabiosa Best Lifehacks
Рет қаралды 20 МЛН
Webflow CMS Project | STEP by STEP | Farm Equipment Sales Website
20:07
Payton Clark Smith
Рет қаралды 14 М.
Learn the NEW Webflow | Full Beginner Tutorial
29:49
Payton Clark Smith
Рет қаралды 56 М.
What is Flexbox?
9:02
Flux Academy
Рет қаралды 15 М.
Building a Webflow CMS Blog | Step-By-Step
32:49
Payton Clark Smith
Рет қаралды 67 М.
Webflow for Beginners 2021 (Crash Course)
27:43
Timothy Ricks
Рет қаралды 52 М.
Why use REM Typography in Webflow
17:11
Flux Academy
Рет қаралды 21 М.
BEM Class Naming Convention in Webflow
12:07
Timothy Ricks
Рет қаралды 25 М.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Tim Gabe
Рет қаралды 747 М.
How Much Should I Charge for a Website in 2024 (Complete Pricing Guide)
13:22
ОСКАР ИСПОРТИЛ ДЖОНИ ЖИЗНЬ 😢 @lenta_com
01:01