CSS Object-fit and Object-cover | Sigma Web Development Course - Tutorial #49

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ธ.ค. 2024

ความคิดเห็น • 829

  • @Its__AnkitSahu
    @Its__AnkitSahu ปีที่แล้ว +156

    14:17 kripiya iss course ko halke mai na le.... Bahut bhaari hai yeh.....no doubt ❤❤

    • @LOSTGAMER141
      @LOSTGAMER141 ปีที่แล้ว +6

      bilkul sahi jawab apko milte hai 500 dollar

    • @edward-soli
      @edward-soli ปีที่แล้ว +2

      ​@@LOSTGAMER141😂

    • @Its__AnkitSahu
      @Its__AnkitSahu ปีที่แล้ว +1

      @@LOSTGAMER141 thank you means a lot...

    • @RahulKumar-lz9gn
      @RahulKumar-lz9gn 11 หลายเดือนก่อน +2

      bhaari h to weight bada do 🤣🤣🤣🤣 per majak se hatke SIGMA WEB DEVELOPMENT COURSE IS AMAZING.....................COURSE...........

    • @__Koustav__
      @__Koustav__ 9 หลายเดือนก่อน +2

      Yes!! this is the best web development Course ever kripiya kar ke iss course ko halke mai mat le na ❤❤. Sigma Course be like :- 😈😈😈😈 Hamse panga nehi lena nehi to bharri par jaye ga 😂😂. Jokes apart this is the best course 😤😤😤😤

  • @arnav_nagpurkar.
    @arnav_nagpurkar. ปีที่แล้ว +84

    I would Give 5/5 Stars to this course ⭐
    This is best than all of the paid courses in the industry.
    Thanks Harry Bhai for providing such quality education for free.

  • @fatimatahir8649
    @fatimatahir8649 9 หลายเดือนก่อน +15

    Normally, I don't comment on TH-cam videos, but this Sigma Batch OP course has truly caught my attention. It's exceptional in teaching web development effectively. ⭐⭐⭐⭐⭐

  • @hasanilyas9621
    @hasanilyas9621 13 วันที่ผ่านมา +1

    This course has been incredibly beneficial for me, even an year old. The engaging teaching methods, well-structured content, and tremendous examples simplify complex topics, making them easy to understand and apply.

  • @umairaliyasin
    @umairaliyasin 4 หลายเดือนก่อน +5

    Normally, I don't comment on TH-cam videos, but this Sigma Batch OP course has truly caught my attention. It's exceptional in teaching web development effectively.

  • @NotatAll5758
    @NotatAll5758 ปีที่แล้ว +20

    Sigma Batch Always OP❤❤😊

  • @nealkumar8070
    @nealkumar8070 ปีที่แล้ว +34

    Consistency 100%
    Hardwork 100%
    Thanks harrybhai
    50 th video complete

  • @Android-17
    @Android-17 ปีที่แล้ว +5

    Object fit & Object position ✅
    #SigmaBatchOP 🔥

  • @kinglala2423
    @kinglala2423 ปีที่แล้ว +12

    Bro I will specifically say that this course of yours is a remarkable contribution towards web development. I haven't seen such content which can prepare an individual to start his/her journey as a developer in such a short span of time by complete understanding. Thanks a lot once again.

  • @muneeburrehman6458
    @muneeburrehman6458 หลายเดือนก่อน

    If in case you read my comment so i would like to tell you are one of the best teachers in TH-cam platform ❤

  • @rajnipareek4045
    @rajnipareek4045 ปีที่แล้ว +5

    Harry bhai this course deserves 10 start rating

  • @XAU_lover
    @XAU_lover ปีที่แล้ว +10

    #SigmaBatchOp After this course we want complete job ready Android development course with kotlin bcz of Google officially announced kotlin is the official language for Android development... Thanks Harry bhai... Dil se ..❤

  • @fact2.049
    @fact2.049 10 หลายเดือนก่อน +1

    Thanks to Harry Bhai Apke Course ki wjah sa meri pehli job lg gyi ❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @universalmeditationmusic9299
    @universalmeditationmusic9299 ปีที่แล้ว +1

    apke course best hi
    apke wajah se mera linkedin profile grow ho rah hi
    harray bhai best

  • @Hafijur0211
    @Hafijur0211 11 หลายเดือนก่อน

    🎯 Key Takeaways for quick navigation:
    00:00 📸 *Introduction to Object Fit and Object Cover Property*
    - Explanation of the need for object fit and object position properties in CSS.
    - Introduction to the object fit property and a mention of covering and maintaining aspect ratio.
    - Brief overview of the upcoming demonstration using a container and an image.
    01:19 📏 *Creating a Container and Image with CSS*
    - Creation of a container with specified height, width, and border properties.
    - Addition of an image to the container without considering aspect ratio.
    - Initial attempt to manually adjust image width and height to fit the container.
    03:13 🛠️ *Solving Aspect Ratio Issues with Object Fit Property*
    - Introduction and explanation of the CSS object fit property.
    - Demonstration of using "object-fit: cover" to maintain aspect ratio and cover the container.
    - Clarification on how object fit covers the specified width and height while maintaining aspect ratio.
    05:34 📍 *Customizing Image Display with Object Position*
    - Introduction to the object position property for fine-tuning image placement.
    - Explanation and demonstration of using object position values like "top right" and "bottom right."
    - Overview of how object position works in conjunction with object fit for precise control.
    07:58 🔄 *Exploring Object Fit Property Values and Resetting*
    - Overview of additional object fit property values: "fill," "contain," "scale down," and "none."
    - Demonstration of how each value affects the image within the container.
    - Mention of the default value "fill" and resetting with "none."
    09:23 🌐 *Applying Background Image with CSS*
    - Transition to discussing background images and their application to containers.
    - Demonstration of using the background-image property with a URL.
    - Introduction to background position for controlling which part of the image is displayed.
    11:17 🔁 *Controlling Background Image Repetition*
    - Explanation of background image repetition and the default behavior.
    - Demonstration of using "no-repeat" to prevent image repetition.
    - Overview of background position for centering the background image.
    13:11 🎨 *Understanding Background Clip Property*
    - Introduction to the background clip property with values "border-box" and "padding-box."
    - Explanation of how background clip affects the display of background images.
    - Note on the limited use of background clip compared to other properties.
    14:09 📚 *Course Review and Future Projects*
    - Instructor's request for course reviews and feedback.
    - Assurance that the course covers essential web development concepts.
    - Anticipation for upcoming projects and continued learning in the course.
    Made with HARPA AI

  • @kikkiri
    @kikkiri 11 หลายเดือนก่อน +3

    110/100 harry makes my web development more notch and best

  • @EmilyRios-qn1qr
    @EmilyRios-qn1qr ปีที่แล้ว +2

    This is world best premium course even seen. Thanks brother

    • @sadi404
      @sadi404 11 หลายเดือนก่อน

      and also free

  • @hamvlogwale
    @hamvlogwale ปีที่แล้ว +1

    Bhai Aap jaise bhai log itihas me bahut kam hi paida hote he . thank you harrry bhai

  • @roshanshrimali4300
    @roshanshrimali4300 9 หลายเดือนก่อน +2

    Perfect course hai harry bhai mene almost saare video dekhe sab clear ho gaya aapki wajah se 🙇🏻 5 star ⭐️

  • @movehard1851
    @movehard1851 2 หลายเดือนก่อน +1

    ❤️🙏
    Sigma Batch OP
    ❤️🙏

  • @nezamulhaque3810
    @nezamulhaque3810 4 หลายเดือนก่อน

    Aapke liye infinite ✨⭐ bhi kam hai, Jazakallahukhaira Haris(Harry) bhaijaan ❤

  • @zixu537
    @zixu537 ปีที่แล้ว +1

    when i want learn something development, since2019 i only watching you 👍👍👍👍

  • @uzzalbiswas7638
    @uzzalbiswas7638 ปีที่แล้ว +8

    You are doing great job sir ..❤❤

  • @Learn_For_Life291
    @Learn_For_Life291 2 หลายเดือนก่อน

    5 me se 10 rating dena chahunga Is course ko 😊😊❤❤❤❤

  • @prohegde006
    @prohegde006 5 หลายเดือนก่อน +1

    Sigma Batch OP
    Harry Bhai OP🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥

  • @AXC427
    @AXC427 2 หลายเดือนก่อน

    i love how harry bhai has a big vision for his course

  • @AmeySharma-ll7zj
    @AmeySharma-ll7zj 8 วันที่ผ่านมา +1

    Amazzing content like never seen before Thank you Harry Bhai😍

    • @abuhuraira-d5r
      @abuhuraira-d5r 2 วันที่ผ่านมา

      bro now you see this course . please say me what is your qualification

  • @patilrajesh2500
    @patilrajesh2500 2 หลายเดือนก่อน +1

    Best course❤

  • @superstarsnetworth21
    @superstarsnetworth21 6 หลายเดือนก่อน +1

    5\5 stars for this course as this course is going to make my life superhit and that's also in free but quality content which is important.

  • @itszappiercrane2.059
    @itszappiercrane2.059 7 หลายเดือนก่อน +1

    this course deserves more than 5 stars. Incredible effort from harry bhai

  • @mridulsinghsaklani2948
    @mridulsinghsaklani2948 ปีที่แล้ว +2

    Bro you are OP and again thank you for giving this jam for us, U are really god for middle class students❤

  • @prithviparihar32
    @prithviparihar32 ปีที่แล้ว +1

    Harry sir mene apke python and Java ke pure tutorial dekhe hai muje vo bahut best lage. Yadi ye video nahi hote to muje paid course Lena padta .❤❤ ❤❤❤❤. But muje online coding se earning karni Hain kaise Karu vo samaj nahi aa raha . Aap ek esa video banaye jiska title ho - coding se earning kaise kare

  • @sameershahidbutta
    @sameershahidbutta 5 หลายเดือนก่อน

    Harry Bhai aur Sigma Batch dono OP hen!!!

  • @SHIVAM_NARWADE
    @SHIVAM_NARWADE ปีที่แล้ว +3

    5 Out Of 5 Sir 5/5 ⭐⭐⭐⭐⭐

  • @shabyjutt2068
    @shabyjutt2068 3 หลายเดือนก่อน +1

    full high star for this course

  • @saymanlal
    @saymanlal 4 หลายเดือนก่อน

    Bahut bahut zyada informative course tha, a very warm thanks to you bhaiya!!!

  • @muhammadwaeeem2349
    @muhammadwaeeem2349 ปีที่แล้ว +1

    Sigma Batch Op❤❤❤❤❤

  • @Krishrendra
    @Krishrendra 15 วันที่ผ่านมา

    Best course on the youtube love from nepal

  • @HR_16_AALA_PANDAT
    @HR_16_AALA_PANDAT 11 หลายเดือนก่อน

    from my side i give 100/5 stars for this course

  • @AnujVerma-kr6wc
    @AnujVerma-kr6wc 10 หลายเดือนก่อน +1

    i love this course bro

  • @ShubhVerma-IT-ENGR
    @ShubhVerma-IT-ENGR ปีที่แล้ว +1

    Sigma Batch Op❤❤

  • @surajkamble3538
    @surajkamble3538 6 หลายเดือนก่อน

    Legendary harry sir your course Sigma web development course is best in the world 💯🤝💐👍

  • @anirbanmondal9176
    @anirbanmondal9176 4 หลายเดือนก่อน

    best course for web development❤‍🔥🔥

  • @singer16682
    @singer16682 ปีที่แล้ว +1

    harry bhai is hero bhai

  • @shalinikamble7636
    @shalinikamble7636 9 หลายเดือนก่อน +1

    ⭐⭐⭐⭐⭐ 5 stars out of 5!🤩

  • @ujjwalssharma8149
    @ujjwalssharma8149 8 หลายเดือนก่อน +1

    Thank you so much harry bhai for this free course ❤

  • @parvrawal7473
    @parvrawal7473 10 หลายเดือนก่อน

    I would give 5/5 ⭐⭐⭐⭐⭐to this awesome course😍

  • @Loveleensharma763
    @Loveleensharma763 ปีที่แล้ว

    Harry Bhai koshish karne walo ki kabhi haar nahi hoti
    Keep it up you are doing a good work

  • @SaurabhKumar-yx9iv
    @SaurabhKumar-yx9iv 6 หลายเดือนก่อน

    With each video i am getting confidence to become a superb web developer and all credit goes to you harry bhai#sigmabatchop

  • @mikepal4461
    @mikepal4461 10 หลายเดือนก่อน

    I would Give 5/5 Stars to this course ⭐
    best course ever

  • @Varindersingh-fi3kc
    @Varindersingh-fi3kc 4 หลายเดือนก่อน

    I would Give 5/5 Stars to this course

  • @bilawalasif07
    @bilawalasif07 ปีที่แล้ว +1

    Bro is working very hard love from Pakistan🇵🇰

  • @usmanghani3214
    @usmanghani3214 ปีที่แล้ว +6

    Thanks for sharing your knowledge with us 💖

  • @arijitsinha2032
    @arijitsinha2032 7 หลายเดือนก่อน

    width:100%;
    height:100%;
    that will also make the image as per container, irrespective of the aspect ratio.
    and
    object-fit:center;
    will make it fit

  • @h.a.siddiqui668
    @h.a.siddiqui668 ปีที่แล้ว

    My Review:
    Best web development course for beginners
    ⭐⭐⭐⭐⭐

  • @Codewithshivam_official
    @Codewithshivam_official ปีที่แล้ว +2

    Harry Is The Best teacher ❤

  • @SUBHADEEPDUTTA2025it1
    @SUBHADEEPDUTTA2025it1 8 หลายเดือนก่อน

    i would give 10/5 ⭐ to this course ...... you are awesome harry

  • @jaypathak4849
    @jaypathak4849 19 วันที่ผ่านมา

    Course is superb
    9/10
    Thank sir

  • @saniadhar402
    @saniadhar402 8 หลายเดือนก่อน +1

    Sigma Batch OP 💖❤‍🔥

  • @manutyagi1839
    @manutyagi1839 9 หลายเดือนก่อน

    best course on internet ...... 10 stars

  • @Anushka-lf1ge
    @Anushka-lf1ge 5 หลายเดือนก่อน

    to the point and nice explanation. thanks

  • @kishankareliya
    @kishankareliya 11 หลายเดือนก่อน

    I would Give 5/5 Stars to this course ⭐

  • @sTroudROG05
    @sTroudROG05 ปีที่แล้ว

    No doubt this is a perfect course, this is an out off course.

  • @GROWww_Up_Together
    @GROWww_Up_Together 11 หลายเดือนก่อน +1

    chalo background property bhi ho gayi 😂 finally

  • @itsabdullah5708
    @itsabdullah5708 ปีที่แล้ว

    hello HARRY bro I am from Pakistan you sigma web development course is oppppp i see 3 lacture and its op
    know i want to do full cousrse .......................
    .thanks for made this course free

  • @MUKULKAPIL7
    @MUKULKAPIL7 ปีที่แล้ว +1

    Unlimited Star...more powerful and more helpfull course

  • @mayankdev-qe8dd
    @mayankdev-qe8dd ปีที่แล้ว

    Nahi Harry Bhai Next Level Course Sahi Me💯💥

  • @TejasWasnik
    @TejasWasnik ปีที่แล้ว +2

    Tutorial 49 done.✅
    SIGMA BATCH OP!

  • @apurvborkar8822
    @apurvborkar8822 3 หลายเดือนก่อน

    Thank you harry bhai It's a wonderfull work that you are doing. I appreciate your work

  • @parallax8916
    @parallax8916 ปีที่แล้ว +1

    The best web dev course ever!!!

  • @asifali-dl1yt
    @asifali-dl1yt 7 หลายเดือนก่อน

    very easy learn for beginner segma batch op
    harry bhai

  • @meshlife2346
    @meshlife2346 9 หลายเดือนก่อน

    Everyone support harry's hardwork by sharing to your friends . He deserves it. This course is very much underated ❤❤❤❤❤❤❤❤❤❤❤❤

  • @marufinamdar6189
    @marufinamdar6189 4 หลายเดือนก่อน

    harry bhai ke liye 5/5 ⭐⭐⭐⭐⭐

  • @abdulrehmanch9109
    @abdulrehmanch9109 9 หลายเดือนก่อน

    one of the best course i have ever seen

  • @SuryanshSrivastava-j6f
    @SuryanshSrivastava-j6f 10 หลายเดือนก่อน

    As the name ,as the fame ,SIGMA🔥🔥🔥🔥

  • @MohsinAli-if7zg
    @MohsinAli-if7zg ปีที่แล้ว

    Harry bhai Javascript ka intezar ho rha ha😊

  • @exotic7919
    @exotic7919 ปีที่แล้ว

    Yr ye kitna awesome h yr ❤

  • @Waleed._.Ahmed.
    @Waleed._.Ahmed. ปีที่แล้ว +1

    Day 49 completed....The streak is going great❤

  • @Programpulse09
    @Programpulse09 ปีที่แล้ว +1

    Thank you bhai app match ke din bhi humare liye video upload kr rhe ho thanks a lot Harry bhai

  • @Alone_thoughts
    @Alone_thoughts 5 หลายเดือนก่อน

    10/5 stars Harry bhai ❤

  • @ishubelieve6034
    @ishubelieve6034 5 หลายเดือนก่อน

    5/5 mere bhai mere sir keep shining

  • @arohangupta7280
    @arohangupta7280 หลายเดือนก่อน

    one of the best course ever :)

  • @mahendrakumawat
    @mahendrakumawat ปีที่แล้ว

    Aap intro tune bawaa 😊😊😊 a one❤

  • @shivamkvlog-yr8rv
    @shivamkvlog-yr8rv 8 หลายเดือนก่อน

    Herry bhaiya aap best ho. ❤❤❤❤❤❤❤❤❤❤❤❤❤❤

  • @prateekraj7195
    @prateekraj7195 8 หลายเดือนก่อน

    Best Web Dev Course

  • @exterminatorgaming7337
    @exterminatorgaming7337 6 หลายเดือนก่อน

    bhai ek dum fadu course h ksm se

  • @ajityadav1251
    @ajityadav1251 ปีที่แล้ว

    sigma batch is really op, thanks harry bhai❤😊

  • @kunalpratapsingh982
    @kunalpratapsingh982 ปีที่แล้ว +1

    sigma batch op ❤❤❤❤❤❤ GREAT COURSE🚀🚀🚀🚀

  • @SinghBoss-w1j
    @SinghBoss-w1j 11 หลายเดือนก่อน

    Harry bhai C++ ki bhi lectures chaiye Naye series ke saath.
    Please Make A complete Playlist Series.
    Everyone please Vote for this and Hit the Like Button

  • @Warrior040
    @Warrior040 ปีที่แล้ว +4

    Day 49
    Consistency Maintained
    Congratulations for half century
    We have a long road ahead

  • @asmakamaal1258
    @asmakamaal1258 7 หลายเดือนก่อน

    no doubt best course👌

  • @hirenparkar7480
    @hirenparkar7480 8 หลายเดือนก่อน

    5 out of 5 stars sir
    ⭐⭐⭐⭐⭐

  • @jigsaw1199
    @jigsaw1199 ปีที่แล้ว

    best harry bhai
    u are best to giving us this type of knowledge

  • @tabishiqbal7957
    @tabishiqbal7957 ปีที่แล้ว +101

    How many stars ⭐ for this course out of 10.

  • @Amankumar-o4x9l
    @Amankumar-o4x9l 9 หลายเดือนก่อน

    10 out of 10 harry Bhaiya

  • @itz_ahmadeditz
    @itz_ahmadeditz ปีที่แล้ว

    5/5 Stars To This Course😍

  • @Bestmomentsboys
    @Bestmomentsboys 5 วันที่ผ่านมา

    Sigma Batch OP ❤🎉

  • @sharry_trend
    @sharry_trend 5 หลายเดือนก่อน

    Bro you won 🥇🥺❤️ love you👀❤️

  • @thesecretgarden4374
    @thesecretgarden4374 10 หลายเดือนก่อน

    koi tension nahi hai sir 😃

  • @Beauty_salon56
    @Beauty_salon56 3 หลายเดือนก่อน

    Very well done harry bhai.