Holy smokes. I had no idea that you could center a module vertically in a section simply by applying flex to the section. This is fantastic, thank you.
Thanks for the help. I ended up using slightly different column CSS to handle an expanding form in one of my 2 columns. display: flex; justify-content: space-around; flex-direction: column;
Just discovered your channel and info has been a godsend at this moment in my design, when are you going to make more videos because I think your knowledge, simple code and explanation of concepts is great for a beginner to advanced
Wow, great walkthrough. Thanks. Concise and accurate. I sometimes have gone to sleep with some of the tutorials I find. Not yours, keep up the good work.
Thanks Andy. You are flying in the best part of the world! Down in Wiltshire now but spent every school holiday of my childhood in Galloway, near Kirkcowen. Did some flying myself in Grumman Cheetah's but many years ago!
Easy to follow, straight to the point! Amazing! Liked and subscribed. I would have used a super like or tip, (or what it is called), but I don't see it.
Another great tutorial. I think I may just sit here and watch all your videos. You do such a great job at explaining things. I would actually love a video on walking through all the background image settings for a hero image (background image size options and position options.) Almost all of my websites are for coaches and that hero image is of a person which makes it so difficult as it moves responsively.
For that application I would use 2 or even 3 images - one for each breakpoint. You can choose the responsive option when you insert the image and choose a different file for each size. Easier to get the result you want…
Hello ! Why don't you use the css properties to align your items ? on top of the flexbox , we can use space-around as a value for justify-content propertie and also add a gap between flexbox elements instead of using margins to align element ....
Yes that is an option. I wanted to demonstrate that it is possible to use 'auto' and a fixed value to position items. I hope the tutorial encourages people to learn more about flex box.
Hi Can you explain how to reduce the height of the section ? In my case, this is too big but when i try to reduce section padding, transition effect is somehow not reduced.
typing displayflex doesn't work. There is some other things that you typed in that you did not explain. Ok I figured it out. It’s display:flex; that worked for me anyway.
Fantastic Tutorial - It's like you knew I had seen 4 awful videos already and just needed the answer fast. :)
You got a sub from me, Cheers!
Thank you! Glad you found it usedul.
Finally. Someone who makes this work, explains it quickly and makes it easy.
Thank you!
Wow this is excellent and so clear to follow. Thank you very much for the video.
You are fast becoming number one fan! Thank you.
Holy smokes. I had no idea that you could center a module vertically in a section simply by applying flex to the section. This is fantastic, thank you.
You're welcome and I'm glad you found this useful.
Yet another very helpful tutorial 💯
Thank you!
Very well explained. Thanks
thanks again!
Perfect! Just what I needed!
Excellent. Glad to be able to help.
Thanks for the help. I ended up using slightly different column CSS to handle an expanding form in one of my 2 columns.
display: flex;
justify-content: space-around;
flex-direction: column;
I was trying to manually align this in the section for days, nothing would work! Thank you so much! 😊
Oh good!
thank you very much kind sir you just resolved my problem
It's a bit of an old chestnut this one but glad it is still useful!
Just discovered your channel and info has been a godsend at this moment in my design, when are you going to make more videos because I think your knowledge, simple code and explanation of concepts is great for a beginner to advanced
Thank you for your kind words. More.coming soon. I have to fit these in with my day job and these vids always take longer to make than I think!
Excellent tutorial. Thank you
Thank you Gerald! So glad you found it useful.
Wow, great walkthrough. Thanks. Concise and accurate. I sometimes have gone to sleep with some of the tutorials I find. Not yours, keep up the good work.
Thanks Peter. After a long break due to work pressures I'm actually editing another video at the moment. Out in a day or two.
Thank you for this! Great tutorial and easy to follow! I just subscribed!
Thank you. Glad you found this useful.
Thanks indeed, I was just looking for that!
Excellent. Glad it was helpful.
Excellent tutorial...thank you, your explanations are so clear and concise
Thank you Tom. I am glad that you found this useful
Thanks! Very helpful!
Welcome! :)
Great tutorial!
Thank you!
@@divicoaching a tutorial about how to setup divi presets like colors fonts in a more productive way would be great
Thank u very much !!!!!
Welcome!
Really, really useful. Need this so often. Thanks
Thank you Siobhan!
Clearly explained - thanks for sharing
Thanks Andy. You are flying in the best part of the world! Down in Wiltshire now but spent every school holiday of my childhood in Galloway, near Kirkcowen. Did some flying myself in Grumman Cheetah's but many years ago!
Great tutorial, thanks!
Thanks Terri. Glad you found this useful!
Brilliant tutorial - nicely paced and clear explanations. Top marks!
Thanks Neil. Glad you found it clear. Sometimes Divi can be a little confusing and not as intuitive as it could be.
Easy to follow, straight to the point! Amazing! Liked and subscribed.
I would have used a super like or tip, (or what it is called), but I don't see it.
Thank you Marek. I am pleased you found this useful.
Thank you, this is exactly what I was looking for and you made it simple and easy to understand for a newbie like me.
Thanks Dany. I am really pleased you found this useful.
Another great tutorial. I think I may just sit here and watch all your videos. You do such a great job at explaining things. I would actually love a video on walking through all the background image settings for a hero image (background image size options and position options.) Almost all of my websites are for coaches and that hero image is of a person which makes it so difficult as it moves responsively.
For that application I would use 2 or even 3 images - one for each breakpoint. You can choose the responsive option when you insert the image and choose a different file for each size. Easier to get the result you want…
@@divicoaching Thank you! I'll try that responsive option and see if that makes a difference for me.
wow I wish I found you 3 years ago
Thank you!
Hello ! Why don't you use the css properties to align your items ? on top of the flexbox , we can use space-around as a value for justify-content propertie and also add a gap between flexbox elements instead of using margins to align element ....
Yes that is an option. I wanted to demonstrate that it is possible to use 'auto' and a fixed value to position items. I hope the tutorial encourages people to learn more about flex box.
Hi Can you explain how to reduce the height of the section ? In my case, this is too big but when i try to reduce section padding, transition effect is somehow not reduced.
Hi T M. Not quite sure what you mean by 'transition effect'? Please can you give me a bit more information.
typing displayflex doesn't work. There is some other things that you typed in that you did not explain. Ok I figured it out. It’s display:flex; that worked for me anyway.
Did you use the punctuation? You must have the colon and semi-colon for it to work.
display : flex ;
From Elementor... This is absolute s***** :(
Yeah but there's a lot of Elementor that is too 😂
Great tutorial, thanks!
Thank you. I'm pleased you found it useful. 😊