Elementor Flexbox Container Tutorial | Every thing Explained with Example

Поділитися
Вставка
  • Опубліковано 8 вер 2024
  • Elementor Flexbox Container Tutorial | Every thing Explained with Example | Elementor Tutorial for beginner.
    Get Elementor Pro only on ₹699 (1Year /1Site)
    careofweb.com/...
    -------------------------------
    Elementor Tutorial in Hindi [33 Videos]
    • Elementor Tutorial in ...
    Elementor Pro Tutorial in Hindi [Series]
    • Elementor Pro Tutorial...
    Elementor Advance Setting in Hindi [Series]
    • Elementor Advance Sett...
    ----------------------------------
    Elementor Flexbox Container is a new feature in the Elementor page builder for WordPress. It helps you create beautiful and responsive layouts for your website easily. Flexbox Container makes it simple to arrange and align items on your web pages.
    Here are some benefits and good things about Elementor Flexbox Container:
    1. Easy to use: Elementor Flexbox Container is designed for everyone, You can create amazing layouts without any coding knowledge.
    2. Flexible layouts: With Flexbox Container, you can create different types of layouts, like horizontal, vertical, or mixed. This gives you more options to design your website.
    3. Responsive design: Flexbox Container automatically adjusts the size and position of items on your web page, making it look great on all devices, like smartphones, tablets, and computers.
    4. Better alignment: You can easily align items in your layout, like centering them or placing them at the top, middle, or bottom of the container.
    5. Space management: Flexbox Container helps you manage the space between items in your layout, so your website looks neat and organized.
    6. Faster website building: With Elementor Flexbox Container, you can create and edit your website layouts quickly, saving you time and effort.
    In short, Elementor Flexbox Container is a helpful tool for creating attractive and responsive website layouts. It is easy to use, flexible, and offers many benefits that make designing your website a fun and enjoyable experience.
    एलीमेंटर फ्लेक्सबॉक्स कंटेनर एक नया सुविधा है जो वर्डप्रेस के एलीमेंटर पेज बिल्डर में उपलब्ध है। यह आपको अपनी वेबसाइट के लिए खूबसूरत और रिस्पॉन्सिव लेआउट आसानी से बनाने में मदद करता है। फ्लेक्सबॉक्स कंटेनर आपको अपनी वेब पेज पर आइटमों को व्यवस्थित और संरेखित करने में सहायता करता है।
    यहां एलीमेंटर फ्लेक्सबॉक्स कंटेनर के कुछ लाभ और अच्छी बातें हैं:
    1. उपयोग में आसान: एलीमेंटर फ्लेक्सबॉक्स कंटेनर सभी के लिए डिज़ाइन किया गया है, आप कोडिंग ज्ञान के बिना अद्भुत लेआउट बना सकते हैं।
    2. फ्लेक्सिबल लेआउट: फ्लेक्सबॉक्स कंटेनर के साथ, आप नेतृत्व, लंबवत या मिश्रित जैसे विभिन्न प्रकार के लेआउट बना सकते हैं। इससे आपको अपनी वेबसाइट के डिज़ाइन के लिए अधिक विकल्प मिलते हैं।
    3. रिस्पॉन्सिव डिज़ाइन: फ्लेक्सबॉक्स कंटेनर स्वचालित रूप से आपकी वेब पेज पर आइटमों के आकार और स्थान को समायोजित करता है, जिससे स्मार्टफोन, टैबलेट और कंप्यूटर जैसे सभी उपकरणों पर आपकी वेबसाइट शानदार दिखती है।
    4. बेहतर एलाइनमेंट: आप आसानी से अपने लेआउट में आइटमों को एलाइन कर सकते हैं, जैसे कि उन्हें केंद्र में रखना या उन्हें कंटेनर के ऊपर, मध्य या नीचे रखना।
    5. स्थान प्रबंधन: फ्लेक्सबॉक्स कंटेनर आपको अपने लेआउट में आइटमों के बीच के स्थान को प्रबंधित करने में मदद करता है, ताकि आपकी वेबसाइट साफ़ और संगठित दिखे।
    6. त्वरित वेबसाइट बनाना: एलीमेंटर फ्लेक्सबॉक्स कंटेनर के साथ, आप अपनी वेबसाइट लेआउट को त्वरित बना और संपादित कर सकते हैं, जिससे आपको समय और प्रयास दोनों बचते हैं।
    संक्षेप में, एलीमेंटर फ्लेक्सबॉक्स कंटेनर एक उपयोगी टूल है जो आकर्षक और रिस्पॉन्सिव वेबसाइट लेआउट बनाने में मदद करता है। यह उपयोग में आसान, फ्लेक्सिबल है और डिज़ाइनिंग आपके लिए बहुत सारे लाभ प्रदान करता है।
    Connect:
    Telegram: t.me/careofweb
    Instagram: / careofweb
    Email: support@careofweb .com
    #Elementor #Flexbox

КОМЕНТАРІ • 96

  • @lalitsangwan4358
    @lalitsangwan4358 11 місяців тому +3

    Wonderfully Explained Sir.....I actually learned basics of Elementor from your tutorials only......Your way of teaching and explaining always with new examples is really great.....I got stuck today when I watched new look of Elementor but I was sure you might have made lecture on this topic too.....I wish I could learned website development from you directly through online mode.....Thankyou very much

  • @bizguy7637
    @bizguy7637 Рік тому +5

    Dear sir, you are seriously doing great work Love your videos and the way you teach, keep posting videos on elementor and new addons and updates. Thank you very much for helping.👍

    • @careofweb
      @careofweb  Рік тому +1

      Thank you for your heartfelt comment! 🙏 I'm delighted to hear that you love my videos and teaching style. Your kind words and support mean the world to me. Rest assured, I'll continue to bring you more videos on Elementor, including new addons and updates. It's my pleasure to help and support you on your journey. If there's anything specific you'd like me to cover, feel free to share your suggestions. Thank you once again, and keep up the great work! 👍😊

  • @user-ws8ns5kt4u
    @user-ws8ns5kt4u 5 місяців тому

    sir maine 2-3 site to bana diye the lekin concept aaj samjh aaya....you are very good teacher, Respect from Delhi.

  • @sonuanand8605
    @sonuanand8605 10 місяців тому

    sir sahi mai kya samjhaya hai... container and flex update aane ke baad kuch samjh hi nahi aa raha kaise web design kare.. abhi tak inner section se work kiya..
    Lekin ab pata chala conatainer kitna easy hai or kitna beneficial bhi .. salute sir

  • @nhsareng
    @nhsareng Рік тому +1

    As expected one more superb elementor tutorial.
    Recommended for everyone.....

    • @careofweb
      @careofweb  Рік тому +1

      Thank you so much Md Najmul Hassan Sareng ji for taking the time to watch my latest . I'm thrilled to hear that you found it helpful and informative, and I appreciate your kind words of recommendation.

    • @nhsareng
      @nhsareng Рік тому +1

      @@careofweb most welcome big brother 🥰

  • @MG13572
    @MG13572 8 місяців тому

    Thank you so much for this presentation. I was really confused and now you made it much more easier to work with. Ty

  • @MudassarJehangir-cd5se
    @MudassarJehangir-cd5se 3 місяці тому

    Wonderful explanation. I can see you stopped posting videos. Please continue with that you explained the flex lock amazingly well.

  • @Mahakal_1240
    @Mahakal_1240 9 місяців тому +1

    Very well explained sir keep it up 👌

  • @dildanish2806
    @dildanish2806 8 місяців тому

    Thank you sir ye video mere Liye bohot hi helpful tha thank you so much Sir is video ke Liye 👍

  • @yt-satisfyin
    @yt-satisfyin Рік тому +2

    thank you for this informative video , I am waiting for the next video

    • @careofweb
      @careofweb  Рік тому

      Thank you. Next video is coming soon.

  • @SanjayKumar-te3ey
    @SanjayKumar-te3ey Місяць тому

    Good explanation

  • @user-pf9pv1wu1t
    @user-pf9pv1wu1t 3 місяці тому

    Amazing sr😮

  • @Noida91
    @Noida91 8 місяців тому +1

    Awesome information thanks you for sharing.

    • @careofweb
      @careofweb  8 місяців тому

      Most Welcome 🙏❤️

  • @newstatuslover239
    @newstatuslover239 Рік тому +2

    Greate Sir 👍
    How to make a Website for watsapp selling Please Sir make a tutorial

    • @careofweb
      @careofweb  Рік тому

      Thank you dear for the appreciation.
      I am really interested on your suggestion.
      If you have any example that kind of site, plese provide the link in any of my communication channel:
      Telegram: t.me/careofweb
      Instagram: instagram.com/careofweb/
      Email: support@careofweb .com

  • @primeitindia1679
    @primeitindia1679 9 днів тому

    Excellent.....

  • @islamicstorygraphy
    @islamicstorygraphy 8 місяців тому +1

    Thank u sir

    • @careofweb
      @careofweb  8 місяців тому

      Most Welcome 🙏

  • @sajibkumar4512
    @sajibkumar4512 3 місяці тому

    thanks bro

  • @ShoukatAli-lp9tb
    @ShoukatAli-lp9tb 9 місяців тому

    Thanks

  • @FreeOnlineMONEYEarningALLCoach
    @FreeOnlineMONEYEarningALLCoach 8 місяців тому +1

    I have watched your video and it is very nice a very good video that will help me a lot I think you will come back with more good videos like this in the future hope we have that.

    • @careofweb
      @careofweb  8 місяців тому

      Thank You for the Appreciation 🙏
      I'll try my best, Promise
      ❤️❤️❤️

  • @NaveenPrakash-bz4ik
    @NaveenPrakash-bz4ik 11 місяців тому

    Very nice & informative Thanks

  • @mughalgraphics8337
    @mughalgraphics8337 4 місяці тому

    Subscribed due to this helpful like tutorial.

  • @pavankhobragade
    @pavankhobragade 5 місяців тому +1

    Please explain in Tablet and Mobile versions, sir. In my design container works very well in Desktop and mobile version but not in tablet format

    • @careofweb
      @careofweb  5 місяців тому

      Thank You for the suggestion, I'll cover in my upcoming video

  • @Chapterofhow
    @Chapterofhow 11 місяців тому

    thanks]

  • @ImranKhan-xo1gk
    @ImranKhan-xo1gk 5 місяців тому

    You are doing great sire i have a question when i change mobile responsive mode the tablet and desktop mode is also change how can i fix this problem waiting for your kind response sir thank you.

  • @KamrulWeb
    @KamrulWeb 10 місяців тому

    Awesome Explanation,

  • @saharwaseem8793
    @saharwaseem8793 11 місяців тому +1

    nice sir

    • @careofweb
      @careofweb  11 місяців тому

      Thank you for the compliment! Best Wishes ♥

  • @sjnichani
    @sjnichani Рік тому +1

    good video and good job keep it up thanks

    • @careofweb
      @careofweb  Рік тому

      Thanks a lot for your comment! 🙌 I'm glad you enjoyed the video and found it helpful. Your support and encouragement mean a lot to me. I'll definitely keep up the good work and continue creating valuable content. If there are any specific topics you'd like me to cover in the future, feel free to let me know. Thanks again for watching, and I appreciate your kind words! 😊👍

  • @zeeshanwarisofficial
    @zeeshanwarisofficial 4 місяці тому

    Thanks a lot for so nice stuff

  • @ShoukatAli-lp9tb
    @ShoukatAli-lp9tb 9 місяців тому

    Nice

  • @user-gd4ts8oi1d
    @user-gd4ts8oi1d Рік тому +1

    excellent tutorial

    • @careofweb
      @careofweb  Рік тому

      I'm thrilled to hear that you found the tutorial excellent! Your positive feedback encourages me to continue creating helpful content. If you have more questions or topics you'd like to learn about, feel free to let me know. Happy learning! 😊🌟👍❤️

  • @inzamamism
    @inzamamism 8 місяців тому

    Boht Acha Tutorial

  • @vectormentors1915
    @vectormentors1915 Рік тому +1

    sir i was waiting for this

    • @careofweb
      @careofweb  Рік тому

      Hope it will not disappoint you. If you have any suggestions let me know. Thank You for watching ♥️

  • @faisalhunani
    @faisalhunani 5 місяців тому

    Sir grid container me aur flex container me kya difference hai?

  • @attiaaslam5183
    @attiaaslam5183 2 місяці тому

    Sir hm ak container ma ak Sy zada wedge add kr skty ? Inner container ky sath ya osky without

  • @nmbsports
    @nmbsports Рік тому +1

  • @healthadvisor6969
    @healthadvisor6969 Рік тому +1

    Please continue flexbox tutorial 🎉

    • @careofweb
      @careofweb  Рік тому

      Thank you for your comment and support! 🙏🎉 I'm thrilled to hear that you enjoyed the Flexbox tutorial. Don't worry, more flexbox tutorials are on the way! Stay tuned for upcoming videos where we'll dive deeper into this powerful feature. If you have any specific topics or questions related to Flexbox that you'd like me to cover, feel free to let me know. Happy learning and keep building amazing websites! 💪🌟

  • @anilpawar2423
    @anilpawar2423 Рік тому

    Good!

  • @kartikagarwal1264
    @kartikagarwal1264 Рік тому

    Very nice video

  • @purushottamsahu8648
    @purushottamsahu8648 6 місяців тому

    Sir Kya Elementor Ka New Option Features Ko Allactive, Deactive Ya Default Rakhna H Maine Change Kiya To Sara Post Or Page Hide Ho Rha Hai??

  • @sabu5882
    @sabu5882 11 місяців тому +1

    Hello Sr, agr hum hero section ma Slideshow images k sath text b change krna chahe to kase hoga, means k hr image k sath text b change ho.

    • @careofweb
      @careofweb  11 місяців тому

      Sabse accha hai aap ek advance slider plugin use kariye. Aaap Prime Slider check kar sakte hai:
      wordpress.org/plugins/bdthemes-prime-slider-lite/
      ye Elementor ke sath compatible hai

    • @sabu5882
      @sabu5882 11 місяців тому

      @@careofweb Thank U sir, But kya ap Tutorial bna skte ha is pr.

  • @arunsaklani9890
    @arunsaklani9890 Рік тому +1

    Sir xampp ke bare main ek video bnaye plz interview m kaafi questn puche the mjhse xampp se related

    • @careofweb
      @careofweb  Рік тому

      Sorry vai, vai abhi to mai xampp use nehi use karta hu, or suggest bhi nehi karta hu, so video banane ka chance kam hai. Maine Medium par ek article likha hai "XAMPP for WordPress: The Ultimate Interview Cheat Sheet for beginners" ye aap ekbar dekh sakte hai.
      medium.com/@careofweb/xampp-for-wordpress-the-ultimate-interview-cheat-sheet-for-beginners-6ad148b94eca

  • @rajchowhan8132
    @rajchowhan8132 Рік тому +1

    Sir I want to ask you something.if want to show my website project in my WordPress portfolio..like when click on image open my project website? ..can you help me please sir🙏

    • @careofweb
      @careofweb  Рік тому

      ua-cam.com/video/jd0Ss3CybrY/v-deo.html
      Keya aapne ye video dekhen hai?

  • @ArtistRooms
    @ArtistRooms Рік тому

    Very informative and detailed video, can you explain how to make a mega menu with a flexbox container.

    • @careofweb
      @careofweb  Рік тому +1

      Hello @ArtistRooms,
      Thank you for your kind words! I'm thrilled to hear that you found the video informative and detailed. 😊
      Regarding your request to create a mega menu with a flexbox container, I'm excited to let you know that I'm planning a video tutorial specifically covering this topic! 🎉
      I'll demonstrate step-by-step how to design and implement a mega menu using flexbox to achieve a flexible and responsive layout.
      Stay tuned for the upcoming video, and I'll make sure to provide a clear and easy-to-follow explanation to help you create your mega menu.
      Thank you for being a part of my channel, and I'm looking forward to sharing this tutorial with you soon!

  • @DeepakKumar-sv3io
    @DeepakKumar-sv3io Рік тому +1

    Hello Suprio Sir,
    I have a question
    Regular License for Word Press themes available on theme forest is for life time?

    • @careofweb
      @careofweb  Рік тому

      Yes Yes it is for life time

  • @M.AFZAL_EXPLAINER
    @M.AFZAL_EXPLAINER Рік тому

    Great

  • @sonalbansal4130
    @sonalbansal4130 9 місяців тому

    Hello Sir i need your help I am using Elementor Pro paid version i am making a ecommerce site when i edit single product page with elementor it is not working properly it shows 2 feature image of the product and also not able to edit cart and other pages also. please help me asap.

  • @policemathhelper
    @policemathhelper Рік тому

    sir ami ekjon wp designer, amr 4 bochorer experience ase.
    amr ekta jober khub proyojon. er jonno ami 1mas free tei kaj kore dibo upnr jonno tate vlo lagle rakhben...pls reply deben

  • @techart7865
    @techart7865 Рік тому +1

    sir g asy toturial laein jis mein a to z website create ho using elementor

    • @careofweb
      @careofweb  Рік тому +1

      Thik hai, banunga jaroor. Thank you dear.

  • @rameshsaklani4450
    @rameshsaklani4450 5 місяців тому

    Sir website responsive kse bnaye wo bhi bta do plz sir

  • @greentrading
    @greentrading Рік тому

    Important 👇
    Hello sir apna course videos ko private rakhte huye shirf share linkk ke dowara hi clints video watch kar paye
    Yesa website keshe banaye please ish topic par complete videos bana dijye 🙏🙏🙏🙏🙏

  • @mdrobiulhowlader6061
    @mdrobiulhowlader6061 10 місяців тому

    How can create 2/3 column in inner container or inner section? Here is my main problem

  • @mhthewriter871
    @mhthewriter871 Рік тому +1

    Not show container in my elementor Pro help me

    • @careofweb
      @careofweb  Рік тому

      Watch the video from 03:05 min
      Dashboard>Elementor>settings>features> flexbox
      Active it
      Save it

  • @rashrich33
    @rashrich33 5 місяців тому +1

    Sir Elementor canvas karne se blog post title WordPress Gutenberg me likha tha vo hat jata he??? Iska kya solution he please help anyone??? Thanks 🙏

    • @careofweb
      @careofweb  5 місяців тому +1

      Canvas karne se page blank ho jata hai, agar aap ELEMENTOR PRO se single post/ single page design karte hai, to tab ye kam me aata hai.
      Elementor pro me aap apne hisab se page/ post ki template design karsakte hay, usme aap post title, post connect, feature image, meta data aapne hisab se place karke design karsakte hai.

    • @rashrich33
      @rashrich33 5 місяців тому

      @@careofweb Sir kya me sirf widgets drag and drop karke blog post likh sakti hu Bina container use kiye Elementor me??? Thanks

    • @careofweb
      @careofweb  5 місяців тому +1

      Yes, karsakte hai

    • @rashrich33
      @rashrich33 5 місяців тому

      @@careofweb Thanks a lot Sir

  • @LittleToys01
    @LittleToys01 Рік тому

    سر کیا آپ ایک ایسی ویڈیو بنا سکتے ہیں جس میں یہ بتایا گیا ہو کے ۔ورڈ پریس میں بلاگ بنانے کے لئے کون کون سے تھیم استمال کرنے چاہیے ۔اور ان کے لئے پلگ ان کون سے استمال کرنے چاہیے ۔اور دوسرا ویب سائٹ بنانے کے لئے کون کون سے تھیم بیسٹ ہیں اور ان کو بنانے کے لئے کون کون سے پلگ ان استمال کرنے چاہیے ۔thank you one video please

    • @careofweb
      @careofweb  Рік тому

      Dear friend I am sorry to say that I am not able to read 'Arabic'. My Humble request to you please next time you may write on English or Hindi.

  • @bivu8951
    @bivu8951 Рік тому

    when activating flexbox container the site showing critical error so i have to deactivate it

  • @Abhishek-nu3ud
    @Abhishek-nu3ud 11 місяців тому +1

    Sir without inner section ke website build krna bohot mushkil hai

    • @careofweb
      @careofweb  11 місяців тому +1

      Aap ne thik kaha, pehele pehele mujhe bhi muskil lag raha tha.
      abhi practice karke sahi lagraha hai. Ek-do site banane ke bad aap ko bhi sahi lagega.

  • @harilalmahto2939
    @harilalmahto2939 Рік тому

    Sar mujhe ek simple service electrician ka website banana hai main hostinger hosting and domain name purchase kar liya hu

  • @ammarsayal
    @ammarsayal Рік тому +2

    bhai itne time bad video i ap ki😢

    • @careofweb
      @careofweb  Рік тому +3

      Abse delay nehi hoga. Promise ♥️

    • @ammarsayal
      @ammarsayal Рік тому

      @@careofweb ❤️

  • @user-pf9pv1wu1t
    @user-pf9pv1wu1t 3 місяці тому

    Amazing sr😮

  • @Muhammadadil-mv4ef
    @Muhammadadil-mv4ef 5 місяців тому

    thank you

  • @ashishbareilly
    @ashishbareilly 9 місяців тому

    nice sir ji

  • @ZHARCO
    @ZHARCO 11 місяців тому

    Thank you sir