Elementor Flexbox Container Tutorial | Every thing Explained with Example

Поделиться
HTML-код
  • Опубликовано: 25 авг 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

Комментарии • 94

  • @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

  • @SanjayKumar-te3ey
    @SanjayKumar-te3ey Месяц назад

    Good explanation

  • @user-pf9pv1wu1t
    @user-pf9pv1wu1t 3 месяца назад

    Amazing sr😮

  • @Mahakal_1240
    @Mahakal_1240 8 месяцев назад +1

    Very well explained sir keep it up 👌

  • @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

  • @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 🥰

  • @dildanish2806
    @dildanish2806 8 месяцев назад

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

  • @MudassarJehangir-cd5se
    @MudassarJehangir-cd5se 2 месяца назад

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

  • @sajibkumar4512
    @sajibkumar4512 3 месяца назад

    thanks bro

  • @islamicstorygraphy
    @islamicstorygraphy 7 месяцев назад +1

    Thank u sir

    • @careofweb
      @careofweb  7 месяцев назад

      Most Welcome 🙏

  • @Noida91
    @Noida91 7 месяцев назад +1

    Awesome information thanks you for sharing.

    • @careofweb
      @careofweb  7 месяцев назад

      Most Welcome 🙏❤️

  • @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.

  • @ShoukatAli-lp9tb
    @ShoukatAli-lp9tb 9 месяцев назад

    Thanks

  • @NaveenPrakash-bz4ik
    @NaveenPrakash-bz4ik 10 месяцев назад

    Very nice & informative Thanks

  • @KamrulWeb
    @KamrulWeb 9 месяцев назад

    Awesome Explanation,

  • @inzamamism
    @inzamamism 8 месяцев назад

    Boht Acha Tutorial

  • @mughalgraphics8337
    @mughalgraphics8337 4 месяца назад

    Subscribed due to this helpful like tutorial.

  • @Chapterofhow
    @Chapterofhow 10 месяцев назад

    thanks]

  • @zeeshanwarisofficial
    @zeeshanwarisofficial 4 месяца назад

    Thanks a lot for so nice stuff

  • @saharwaseem8793
    @saharwaseem8793 10 месяцев назад +1

    nice sir

    • @careofweb
      @careofweb  10 месяцев назад

      Thank you for the compliment! Best Wishes ♥

  • @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! 😊🌟👍❤️

  • @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! 😊👍

  • @faisalhunani
    @faisalhunani 4 месяца назад

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

  • @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

  • @attiaaslam5183
    @attiaaslam5183 Месяц назад

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

  • @kartikagarwal1264
    @kartikagarwal1264 11 месяцев назад

    Very nice video

  • @ZHARCO
    @ZHARCO 11 месяцев назад

    Thank you sir

  • @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

  • @Muhammadadil-mv4ef
    @Muhammadadil-mv4ef 5 месяцев назад

    thank you

  • @ashishbareilly
    @ashishbareilly 9 месяцев назад

    nice sir ji

  • @anilpawar2423
    @anilpawar2423 11 месяцев назад

    Good!

  • @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! 💪🌟

  • @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
      ❤️❤️❤️

  • @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 ♥️

  • @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.

  • @nmbsports
    @nmbsports Год назад +1

  • @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??

  • @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.

  • @M.AFZAL_EXPLAINER
    @M.AFZAL_EXPLAINER Год назад

    Great

  • @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  10 месяцев назад

      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 10 месяцев назад

      @@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

  • @rameshsaklani4450
    @rameshsaklani4450 4 месяца назад

    Sir website responsive kse bnaye wo bhi bta do plz sir

  • @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!

  • @policemathhalper
    @policemathhalper Год назад

    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

  • @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  Год назад

      ruclips.net/video/jd0Ss3CybrY/видео.html
      Keya aapne ye video dekhen hai?

  • @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

  • @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.

  • @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

  • @Abhishek-nu3ud
    @Abhishek-nu3ud 11 месяцев назад +1

    Sir without inner section ke website build krna bohot mushkil hai

    • @careofweb
      @careofweb  10 месяцев назад +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.

  • @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.

  • @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

  • @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

  • @bivu8951
    @bivu8951 11 месяцев назад

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

  • @ammarsayal
    @ammarsayal Год назад +2

    bhai itne time bad video i ap ki😢

    • @careofweb
      @careofweb  Год назад +3

      Abse delay nehi hoga. Promise ♥️

    • @ammarsayal
      @ammarsayal Год назад

      @@careofweb ❤️

  • @harilalmahto2939
    @harilalmahto2939 Год назад

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

    • @careofweb
      @careofweb  Год назад

      Hostinger achha hai 👍

  • @user-pf9pv1wu1t
    @user-pf9pv1wu1t 3 месяца назад

    Amazing sr😮