CSS Course | CSS Float & Clear | CSS Overflow | Complete Web Development Course Tutorial 22

Hey guys, In this video, We will learn about the CSS Float and CSS Clear Properties.
Websites use:
css-tricks.com/almanac/proper...
placeholder.com/
www.w3schools.com/css/css_flo...
📒 Get Notes here: telegram.me/realanujbhaiya/129
🧑🏻‍💻 Get Code here: telegram.me/realanujbhaiya/132
📌 Bookmark this Playlist: • Web Development Course...
🥳 Join our Telegram Community:
Telegram channel: telegram.me/realanujbhaiya
🚀 Follow me on:
Instagram: / anuj.kumar.sharma
Linkedin: / sharma-kumar-anuj
Twitter: / anujbhaiya716
Hashtags:
#codingshuttle #css #webdevelopment

Пікірлер: 88

  • @cool_dude_69.33
    @cool_dude_69.33 Жыл бұрын

    bhaiyya aapke jaisa html css itni aasani se crystal clr koi nhi padha sakta thank you for making this series

  • @AnasAnsari-fy3ox
    @AnasAnsari-fy3ox Жыл бұрын

    Bohot lambe time ke baad videos aai please try to upload daily by the way maine paid course le liya hai

  • @rishibhattasali9730

    @rishibhattasali9730

    Жыл бұрын

    Tumne paid course liya hain toh wo sab html ,css ,js toh nhi lagega dekhne ka , seedha kya mern stack se dekhenge?

  • @AnasAnsari-fy3ox

    @AnasAnsari-fy3ox

    Жыл бұрын

    @@rishibhattasali9730 nhi usme starting se hogi but still agar pehle se basics clear rhe toh aur maja aayega jis time lauch hua tha tbhe maine liya tha

  • @kaushalsingh3315

    @kaushalsingh3315

    Жыл бұрын

    Bro can 12th pass get a job as full stack developer

  • @AnasAnsari-fy3ox

    @AnasAnsari-fy3ox

    Жыл бұрын

    @@kaushalsingh3315 absolutely just maintain consistency

  • @AnasAnsari-fy3ox

    @AnasAnsari-fy3ox

    Жыл бұрын

    @@kaushalsingh3315 by the way I am also 12th passout and doing B.B.A from Amity University

  • @harshsrivastava4500
    @harshsrivastava4500 Жыл бұрын

    Sir apka course bhot badia h😍 very easy to understand and learn. Plzzz app bs regular basis par video upload kardiya kariye

  • @samirrobin3524
    @samirrobin3524 Жыл бұрын

    Amazing content 😍🔥..Thank you so much Sir

  • @priyamkundu4767
    @priyamkundu4767 Жыл бұрын

    After a long time. waiting for this video thank you . In these past days everyday i checked your channel for new video

  • @prafulmandge5210
    @prafulmandge5210 Жыл бұрын

    Thank you sir, your videos are helping a lot in learning the concepts. Thanks a lot!!!!!!!!!!

  • @MDASIF-lz2sb
    @MDASIF-lz2sb Жыл бұрын

    keep it continue anuj bhaiya... your hard work pay you later... we love you all❤❤❤❤

  • @sarikagupta142
    @sarikagupta142 Жыл бұрын

    Thankyou so much sir your classes more than helpful your teaching techniques bahut awesome hai

  • @sanyamjain1053
    @sanyamjain1053 Жыл бұрын

    Amazing content and teacher very helpfull....😍😍

  • @manubansalcs1003
    @manubansalcs1003 Жыл бұрын

    Please upload more lectures dear anuj bhaiya It is very useful and important

  • @theedit9028

    @theedit9028

    Жыл бұрын

    Manu bhai aapka linked in ya telegram id mil skta hai kya kyuki main bhi ye series follow kr raha hu to kuch jgh problem hoti hai to wahi puchne ke liye please 🙏.

  • @ritikdubey1970
    @ritikdubey1970 Жыл бұрын

    Bahut time se wait kar rahe the bhaiya.... Thanku bhaiya ji 🙏❤️❤️

  • @manishghongade8021
    @manishghongade80219 ай бұрын

    Bhaiyya pls complete the css videos as soon as possible 🙏

  • @mdshadabirfan7404
    @mdshadabirfan7404 Жыл бұрын

    Bhaiyaa kindly upload the project videos that you have said in this video as soon as possible. Thank you for your really really helpful videos....

  • @pranaychoudhari4696
    @pranaychoudhari46969 күн бұрын

    Best video found on KZread ❤❤

  • @ashutoshkumar3921
    @ashutoshkumar3921 Жыл бұрын

    You are the best bhaiya pls keep such modern content on the way with a leading up mern stack course after this pls pls

  • @ankit65668
    @ankit65668 Жыл бұрын

    Why float property is having effects on wrapping of text around the image? Could be named otherwise if its purpose is somewhat different? Can we say the text wrapping effect of float as a side-effect?

  • @aditikumari3358
    @aditikumari3358 Жыл бұрын

    please teach React also ....your way of teaching is very understable 🙏🙏

  • @kilipkumar2278
    @kilipkumar2278 Жыл бұрын

    Thank you anuj baiya, you are great.

  • @manishghongade8021
    @manishghongade8021 Жыл бұрын

    Thnx sir ☺️

  • @faizanahmed9304
    @faizanahmed9304 Жыл бұрын

    Thank you bhaiya!

  • @omsingh9567
    @omsingh9567 Жыл бұрын

    thank you sir for the video

  • @PANKAJKUMAR-nx6kv
    @PANKAJKUMAR-nx6kv Жыл бұрын

    Thank you sir ❤️❤️❤️

  • @ParthPatel-md3uo
    @ParthPatel-md3uo Жыл бұрын

    Thanks bhaiya

  • @AnasAnsari-fy3ox
    @AnasAnsari-fy3ox Жыл бұрын

    Will AI replace web developer? Please let me know

  • @hardikmehta140
    @hardikmehta140 Жыл бұрын

    Day 22 Completed! :))

  • @kaushalsingh3315
    @kaushalsingh3315 Жыл бұрын

    Brother I have completed my 12th science and now I am 1st year in bsc ( general). brother if i completed your mern stack course which you start on 31 Oct then I get a full stack developer job plzz reply💓🇮🇳

  • @shaikhshadab2813

    @shaikhshadab2813

    Жыл бұрын

    Sir please reply i am also same ask a question

  • @ardcodelover
    @ardcodelover Жыл бұрын

    Good

  • @dakeypunchar6930
    @dakeypunchar6930 Жыл бұрын

    Sir, your videos are so good that a 13yo who I am can learn. Actually, I was currently learning assembly and side-by-side making an open-source library for C++. Still, I also needed to make documentation but the problem was that I took CSS very hard because it seems to me. By the way, The homework you gave, yet it looks a little different: Html: Scroll Template Nav Bar lorem1000 CSS: /* Some Default CSS */ * { font-family: Verdana, 'Courier New'; padding: 0px; margin: 0px; } body { background-color: azure; box-sizing: border-box; overflow: auto; } /* Nav Bar Css */ .nav { top: 0px; width: 100%; height: 4.9vh; background-color: royalblue; color: rebeccapurple; position: fixed; border: 3px solid darkblue; z-index: 10; } .nav h1 { font-size: 2.2rem; padding: 2px 0px 2px; text-align: center; } /* Ads Section */ .ads { float: right; position: relative; width: 10vw; height: 1300vh; right: 0px; } .ads aside { top: 150px; position: sticky; height: 60vh; background-color: aquamarine; border: 2px solid black; right: 0px; } /* Ads Button */ .ads-button { bottom: 20vh; right: 6vw; border: 1px solid rebeccapurple; position: fixed; width: 3vw; height: 3vw; background-color: brown; border-radius: 1.5vw; } /* Main Paragraph */ main { margin-top: 100px; } .container { background-color: darkgrey; width: 50%; padding: 80px; margin-left: 450px; margin-bottom: 60px; margin-top: 60px; border: 2px solid black; z-index: 2; } /* Footer Section */ .footer { width: 80vw; height: 30vh; background-color: greenyellow; border: 2px solid yellow; margin-left: 10vw; z-index: 0; } And THANK YOU sir for this wonderful course!

  • @narayanraghuwanshi791
    @narayanraghuwanshi791 Жыл бұрын

    Tutorial 22/22 completed ✅

  • @nitinjaswal527
    @nitinjaswal527 Жыл бұрын

    hello sir! sir plz upload videos a bit fast this has came after 3-4 days i was waiting for this

  • @tc45gaming74
    @tc45gaming74 Жыл бұрын

    sir screencast mai command ke sath keys bhi enable kar dijiye

  • @omaksharam6597
    @omaksharam6597 Жыл бұрын

    Bhaiya videos kab aayega

  • @BilalKhan-qj1vb
    @BilalKhan-qj1vb Жыл бұрын

    Bhai next videos bhi jaldi upload kre please 🙏

  • @NikhilKumar-vf9vo
    @NikhilKumar-vf9vo Жыл бұрын

    where is the new video😓

  • @ganesh-qi7ku
    @ganesh-qi7ku Жыл бұрын

    Brother kindly tell me how long will the course go (mern).and how many hours daily and will there be recorded videos ...I have asked 6 day ago from site by filling form but didn't get answer till yet

  • @codingshuttle

    @codingshuttle

    Жыл бұрын

    The Mern course will go for 3 months and recordings will be available till 31oct, 2023.

  • @rohansoni7841
    @rohansoni7841 Жыл бұрын

    sir in video k notes nhi mile

  • @hitpremanandgovindsharanji
    @hitpremanandgovindsharanji Жыл бұрын

    Doubt - sir at 19:31 when you have defined clear left for .b2 then b3 should float left with b1 isn't it? My main doubt is that b1,b3,b4 should be in same row and b2 down

  • @deadpool9432

    @deadpool9432

    Жыл бұрын

    bhai aap notes bana rahe hi kiya . sir anai lecture 15 kai baad google drive par notes bhejna band kar diya hai

  • @rajatkumar706

    @rajatkumar706

    Жыл бұрын

    when two elements has float: left; property the second element will always be right next to first element so when b2 and b3 has float: left property b3 will always be next to b2 regardless the position of b2 .

  • @RAHULYADAV-zr5fq
    @RAHULYADAV-zr5fq8 ай бұрын

    Bhai thora concept bhi bataya karo, sirf dikhate ho ki aisa likhne se aisa ho gya. Concept nahi batane se jab humlog kuch naye jagah wahi use kar rahe hote hai tabhi problem samajh aata hai ki concept jaane ja jarurat hai.Css confusing nahi hai but KZread par unskilled tutor itne ho gye ki hae chij ko confusing bana dete hai. Ye jo gandu log niche comments kar dete hai Amazing video and aaplog jhaar par chadh jaate ho ki humne kitna achha bataya hai, ye log khud se project nahi karte bas video dekh lete hai. Project kare tab samajh aayega ki ye video kisi kaam ka bhi hai ya nahi.

  • @himanshukhatri2692
    @himanshukhatri2692 Жыл бұрын

    If img is inline element then why don't the text automatically start after img, line by line?

  • @pratyushanand1673

    @pratyushanand1673

    Жыл бұрын

    because paragraph is a block element

  • @lolpro5922

    @lolpro5922

    Жыл бұрын

    Because img is inline block

  • @BilalKhan-qj1vb
    @BilalKhan-qj1vb Жыл бұрын

    Mai app ki playlist se hi web development kr raha ho 😔

  • @subhadeepghosh2813
    @subhadeepghosh2813 Жыл бұрын

    upload next video plz

  • @UmairKhan-xw8nz
    @UmairKhan-xw8nz Жыл бұрын

    New video?

  • @ashmitapandey6227
    @ashmitapandey6227 Жыл бұрын

    bhaiya roz kyu nhi arahe videos

  • @AmanGupta-eh4qs
    @AmanGupta-eh4qs Жыл бұрын

    Bhaiya muje nahi smjh aaya float 4 colors box wala concept...😶

  • @technubie
    @technubie Жыл бұрын

    Css me dot kha lagate h (.contact vs footer )

  • @codingshuttle

    @codingshuttle

    Жыл бұрын

    Watch the video on selectors. Also watch playlist videos in sequential order, you'll learn better.

  • @technubie

    @technubie

    Жыл бұрын

    @@codingshuttle ok Bhaiya

  • @desudupradeepkumar3751
    @desudupradeepkumar3751 Жыл бұрын

    Bhai thoda bootstrap bhi include kardo bahot demand hoga

  • @codingshuttle

    @codingshuttle

    Жыл бұрын

    We'll learn about Bootstrap here soon. Stay tuned!

  • @zainulabidins7274
    @zainulabidins7274 Жыл бұрын

    Still how many topics left in *CSS*. Anyone let me know please!!

  • @codingshuttle

    @codingshuttle

    Жыл бұрын

    We've hardly scratched the surface till now.

  • @zainulabidins7274

    @zainulabidins7274

    Жыл бұрын

    @@codingshuttle bhaiya when will we expect Javascript tutorials

  • @UmairKhan-xw8nz
    @UmairKhan-xw8nz Жыл бұрын

    Next video??

  • @sunilshahi1103
    @sunilshahi11032 ай бұрын

    Vaiya your voice over is little fast

  • @wbtech9529

    @wbtech9529

    25 күн бұрын

    apni video speed slow krlo na heroo

  • @gauravmishra9433
    @gauravmishra9433 Жыл бұрын

    Bhaiya thoda fast

  • @avantikamishra6782
    @avantikamishra6782 Жыл бұрын

    Next video dal do. Yeh hogaya bhaiya. Pls aise naa karo yaar.

  • @yankigamers2373
    @yankigamers2373 Жыл бұрын

    lorem1000

  • @Aditya_codingfeeds
    @Aditya_codingfeeds Жыл бұрын

    Aisa lag rha h yeh playlist bhi ek saal k baad khatam hogi

  • @Soumyacoder

    @Soumyacoder

    Жыл бұрын

    Hmm yar bohat late upload

  • @Soumyacoder

    @Soumyacoder

    Жыл бұрын

    Consistency nehi rahegi iss type video upload hoga to

  • @user-ll3pp6lh6b
    @user-ll3pp6lh6b Жыл бұрын

    :)

  • @Aditya_codingfeeds
    @Aditya_codingfeeds Жыл бұрын

    Bhaiya gap zyada le re ho Thoda jldi jldi yeh playlist khatam kijiye

  • @Ghaziedit1
    @Ghaziedit1 Жыл бұрын

    5 view ma plz pin

  • @mallikasupakar1357
    @mallikasupakar1357 Жыл бұрын

    Yet another slow and probably a potential incomplete playlist

  • @Cook_With_Afsana
    @Cook_With_Afsana Жыл бұрын

    Mr Anuj do not respect our time and we are waiting eagerly since the last video. If you can't fulfill your promise then why don't you tell us. He does not give any response.... Shame on him.... Only wants to earn from youtube

  • @UmairKhan-xw8nz

    @UmairKhan-xw8nz

    Жыл бұрын

    There are many other things in person's life...he must be busy on other things

  • @YouCodeRK
    @YouCodeRK Жыл бұрын

    sahi se video bana liya kro.....time waste kra diya faltu me

  • @Cook_With_Afsana
    @Cook_With_Afsana Жыл бұрын

    They don't really respect their subscribers that' why they are not uploading regularly. They only want our support for their own profit by earning from youtube

  • @LimaCharliee
    @LimaCharliee Жыл бұрын

    i hate css

  • @shatnuu_
    @shatnuu_ Жыл бұрын

    Bhaiya deewali offer dedo Full stack wale course par

  • @anshulyadav2982
    @anshulyadav2982 Жыл бұрын

    Amazing content 😍🔥..Thank you so much Sir

  • @socialguru824
    @socialguru824 Жыл бұрын

    Bhaiyya pls complete the css videos as soon as possible 🙏