How to center elements in Webflow - Web Design Basics

  Рет қаралды 19,791

pixelgeek

pixelgeek

Күн бұрын

Пікірлер: 41
@christianhadjigeorgiou5423
@christianhadjigeorgiou5423 3 жыл бұрын
Honestly, this is so much more helpful than Webflow's own cheesy, overly-produced tutorials with such narrow use cases. You went over lots of elements with plenty of examples and use-cases. Thank you!
@AnimatedNomi
@AnimatedNomi 3 жыл бұрын
3:23 this just made my *forever* ... been looking at blogs, guides, googling questions and this was the solution. I wanted to centre align my images in my 4 column light box. You're a saviour man! Thanks so much
@DanSoma
@DanSoma 3 жыл бұрын
By far the most comprehensive tut I've found and I love your no waffle approach! - thank you for describing the multiple ways - that's so helpful!
@BrendaCardoso-tr5hh
@BrendaCardoso-tr5hh Жыл бұрын
Very helpful!! Straight to the point!!!
@scottcitron
@scottcitron 4 жыл бұрын
These quick tips are a great idea. Please keep them coming. Thanks.
@pixelgeek
@pixelgeek 4 жыл бұрын
More to come!
@yashkummar
@yashkummar 4 жыл бұрын
Brilliant. Well explained. Thanks Nelson.
@samroff8986
@samroff8986 2 жыл бұрын
Good one! Thanks for this simple yet direct tutorial man.
@midnightmarble969
@midnightmarble969 2 жыл бұрын
I seriously wished I had learned this sooner. Great video, cheers.
@vianneypercq
@vianneypercq 4 жыл бұрын
Very helpful quick tutorial. In addition to Webflow University tutorials, this kind of short tuto is more realistic regarding the webflow subtleties. Very good further. Thank you Nelson.
@pixelgeek
@pixelgeek 4 жыл бұрын
You're very welcome!
@johnleighdesigns
@johnleighdesigns 4 жыл бұрын
This is great - picking on typical design issues that everyone will encounter and going over the right approaches with your experience will help to drill in those techniques
@rhythmbhatnagar
@rhythmbhatnagar 4 жыл бұрын
Cheers for the support mate!
@pixelgeek
@pixelgeek 4 жыл бұрын
Any time!
@jueshuga
@jueshuga 2 жыл бұрын
Best video out there, thanks a lot you saved me!
@raynalreyes4907
@raynalreyes4907 4 жыл бұрын
This is fire! keep these coming!
@pixelgeek
@pixelgeek 4 жыл бұрын
more to come! :D
@thegerardo981
@thegerardo981 4 жыл бұрын
Im learning Webflow and just discovered your channel. I have no doubt it´s gonna be helpful! Great video and explanation :)
@pixelgeek
@pixelgeek 4 жыл бұрын
Glad it was helpful!
@madkernell
@madkernell 4 жыл бұрын
Nice idea these bite sized tuts Nelson!
@pixelgeek
@pixelgeek 4 жыл бұрын
Glad you like them!
@TomYakov
@TomYakov 3 жыл бұрын
You're awesome, dude!
@MrZxcvbnm22
@MrZxcvbnm22 4 жыл бұрын
Yeah. This is the thing with your channel I think... Shorter videos are much better. Even the livestreams you could make small clips out of them... Thank ou for introducing me to Webflow! Your chanel will grow exponentially if you make videos that are straight to the point. Not necessarily short. If Webflow main channel is great for his short tutorials you could be the webflow channel for demos or a little more complicated turorials of cool stuff! ;)
@asereope6175
@asereope6175 2 жыл бұрын
Really helped
@שירשיר-ש3ק
@שירשיר-ש3ק 2 жыл бұрын
thank you it's perfect!
@mohammedshoaib9722
@mohammedshoaib9722 4 жыл бұрын
Nova is super cute
@MrZxcvbnm22
@MrZxcvbnm22 4 жыл бұрын
Some suggestions: - How to make a navbar a certain height (100px) but when you scroll down the navbar changes size (to 60px) AND switches to another logo (a reduced version of the logo, just an icon). And additional things like the navbar being always transparent and a solid color on hover. - Making a slider with e-Commerce items scrolling. - How to setup a stylescape in Webflow - Recreation of Instagram's stories (a section with circles in it representing 'stories'. When you click one then you start to see an image in full height of the browser and with a dark background). AND is itpossible to create more "conceptional" stuff in Webflow? Things that would require JavaScript. For example, having a background image hidden and when the cursor gets on top then theimage is revealed. But revealed in a radius of like 40px around the cursor. The closer to the cursor the more opacity and the further (40pxbeing the max) 0% opacity. I hope you could make a video about any of these...
@shubhamparekh9808
@shubhamparekh9808 4 жыл бұрын
In the next live stream, can you make full detail video in e-commerce
@denise73628
@denise73628 3 жыл бұрын
thank you 🥺
@sagedelaney2813
@sagedelaney2813 4 жыл бұрын
Could you please explain how to center two images directly on top of each other? I’m trying to create an animation where two identical images fade in and out, but I cannot figure out how to overlap the two images.
@MultiSciGeek
@MultiSciGeek Жыл бұрын
Ok how do I centre something vertically based on the section height? It's anchoring to the top, with a bunch of space at the bottom.
@pixelgeek
@pixelgeek Жыл бұрын
try using Flexbox. this video may help :) university.webflow.com/lesson/center-elements-with-flexbox?topics=layout-design
@chrisblahblahh4468
@chrisblahblahh4468 3 жыл бұрын
thank u
@pixelgeek
@pixelgeek 3 жыл бұрын
You're welcome 😊
@kadragepictures
@kadragepictures 3 жыл бұрын
thanks for covering how to center a button, it was really freaking me out 😓
@watchus020
@watchus020 3 жыл бұрын
make a vid on centering in whole screen
@melanieblanchardgong6226
@melanieblanchardgong6226 2 жыл бұрын
you da bommbbbb
@roter13
@roter13 3 жыл бұрын
I honestly don't understand why everytime I follow one your tutorials, it does not work for me. I've been trying to center a button for hours now.
@samanthavolpe183
@samanthavolpe183 4 жыл бұрын
Thank you for these awesome videos! Would you consider making one on how to do a split screen scroll when hovered over the section? www.complexionnashville.com/
@SeanWald0
@SeanWald0 4 жыл бұрын
so wait your starting quickies in hotel room-
@pixelgeek
@pixelgeek 4 жыл бұрын
I just made 8 videos while at a business retreat I went to with my wife.
Learn Webflow in 16 Minutes (Crash Course)
16:04
Flux Academy
Рет қаралды 1,1 МЛН
My scorpion was taken away from me 😢
00:55
TyphoonFast 5
Рет қаралды 2,7 МЛН
Don’t Choose The Wrong Box 😱
00:41
Topper Guild
Рет қаралды 62 МЛН
How to Webflow: CSS Position explained
17:49
pixelgeek
Рет қаралды 9 М.
Responsive Typography 2020 (Font Size Scaling in Webflow)
9:27
Timothy Ricks
Рет қаралды 54 М.
Creating a Parallax Slider in Webflow
14:52
Jose Ocando
Рет қаралды 52 М.
2D & 3D effects and transitions in CSS - Webflow tutorial
21:06
Create Custom Cursors in Webflow
8:01
Caler Edwards
Рет қаралды 76 М.
Finsweet Mirror Input Values: Create Real-Time Dynamic Inputs in Webflow
15:11
How To Structure Websites Efficiently With Webflow
8:46
Flux Academy
Рет қаралды 148 М.
Infinite Marquee (Endlessly Looping) Content in Webflow Tutorial
5:32
Fundamentals of Forms in Webflow - Webflow tutorial
12:17
Webflow
Рет қаралды 137 М.