CSS Course | CSS Box Model | div, box-sizing, margin, padding | Web Development Course Tutorial 18
Hey guys, In this video, We will learn about the Box Model in CSS. We will also learn about the Div Element in HTML.
Websites use:
W3 Schools: www.w3schools.com/css/css_box...
div MDN: developer.mozilla.org/en-US/d...
📒 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 #webdevelopment #css
Ignore these Tags:
web development full course
web development roadmap
web development
anuj bhaiya
roadmap for web development
css full course
animation in css
cascading style sheet in web development
beautiful website in web development
css basics
css in one video
full stack web development course
web development course
web development roadmap 2021
web dev roadmap
front end developer roadmap
anuj bhaiya web development
full stack developer roadmap
full stack web development roadmap
web development roadmap 2022
web developer roadmap
roadmap to web development
backend web development
best web development course
web designing full course
code with harry web development course
apna college web development
web development full course in hindi
website development
frontend developer roadmap
web development projects
front end developer course
traversy media web development
full stack web development
full web development course
full stack developer
how to learn web development
complete web developer course
roadmap for front end developer
web development anuj bhaiya
complete roadmap for web development
what is web development
full stack developer course
front end web development full course
web development road map
web developer course
backend developer roadmap
web developer roadmap 2021
android development
front end developer
complete web development course
front end roadmap
love babbar web development
web dev
javascript roadmap
roadmap
love babbar web development roadmap
front end development tutorial
web development tutorial
website development course
roadmap of web development
web developer
front end development roadmap
web development aman dhattarwal
web developer roadmap 2022
code with harry web development
backend web development roadmap
aman dhattarwal web development
javascript full course
web development for beginners
android development roadmap
java web development
web devlopment
html full course
web development code with harry
web development tutorial for beginners
javascript tutorial
web development projects
web development projects for beginners
web development projects for final year
web development projects for resume
web development project
projects for resume
mern stack projects for resume
web dev projects
full stack project
full stack web development project
project ideas for web development
projects for placements
mern project
front end projects
web development
web development project ideas
project for placement
web dev projects for resume
java projects
project on web development
projects on web development
best web development projects
project ideas
web projects
mern stack project
website ideas for project
Пікірлер: 103
I came here bcz I couldn't undersntad Harry bhai's explanation on this topic...Well done Anuj Bhaiya
@Project.i
2 ай бұрын
@10master31 aap sigma web dev course kar rahe hein kya?
@Profitpulse838
2 ай бұрын
me too bro what a coincdence
@anituberharsh
24 күн бұрын
Mee too 😂
@Profitpulse838
22 күн бұрын
@@anituberharsh code with harry army assemble
Great video, thank you bhaiya 💫 Tutorial 18/18 completed succesfully
Thank you bhaiya, your energy in explaining the concepts is tremendous. Keep delivering such content.
Very very awesome content... Better than other long long videos
You literally explained it like you are explaining to a Beginner, I had watched other videos too but none of them explained the box sizing border box thing in a simple way that you did. Thank You Bhaiya for Providing us this Precious Content.
@kisangaming4392
4 ай бұрын
same brother
Boht achi explanation ha recommended ha hr us bandy k lia jisy box model samjh nhi a raha.
Simple and easy explanation..thank you sir
thanks dear your way of teaching is very unique
Woh baiye so helpful ✨✨👍👍
best course ever bhaiya ❤️❤️❤️
Great knowledge...u r the best
Amazing Lecture
Sir vs code main CSS class search krne ke lye Kya key dbana pdga style.css main?
Sir, agar humare pass .otf format koi text ho tho usse kaise import kar sakte h in css?
best of best great explanation bhayya
Thoda late ho gya but present bhaiya and thanks a lot for this series 🤩
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
Amazing explanation 🙏
Great video, thank you bhaiya 💫 Tutorial 18/18 completed.
@codingshuttle
Жыл бұрын
🔥🔥
@TheHariPutraOfficially
Жыл бұрын
@@codingshuttle Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
Thank you for making this video sir
very helpful video Sir.
So informative!!
Thanku sir ❣️❣️
Thank-u Sir💖
Thanks brother!!!
धन्यवाद
Thank you bhaiya 🥰🥰
Thanks sir ❤️❤️❤️❤️❤️❤️❤️❤️❤️
Thank you bhaiya 😊
🔥🔥🔥 Content
Thank you sir 🙂❤
Very Helpful
very help full !!!!
thanku bhaiya for this dedication for us :) # completed all 18/18 :)
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
Great work by Anuj bhaiya. But Why videos are coming too late. The last video is on 30/Sep now it's 6/oct, pls upload the video daily bhaiya.
thank you
Please upload useful Javascript topics for react and also upload react js tutorial
Thank you sir 🙏
Well explained 👍 but most front end learners ignore the inspect tool that is most effective in learning to webdev.
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
In Notes Notes from 16 to 31 are missing please provide
good job done
Enroll process nahi hotha sir
very good video
Sir apply box sizing border box to universal selector then chill 😁😁😁😁😁
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
@shailidwivedi2045
Жыл бұрын
@@TheHariPutraOfficiallymatlab ye ki div element hai jo ki body element ka child hai , matlab div body se chhota hai to uske andar hi aata h ... Box class ka nam h
thanks a lot for such a knowledgeable content sir!!!!!!!
Best video
Keep Reading Keep Learning Keep Growing Anuj Bhaiya best 💗
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
But margin kyo nahi araha hai box-sizing me
Sir Love u From Myanmar(Burma)
@harshgupta9761
Жыл бұрын
Myanmar ke log hindi samaj lete hai?
@Jagtaptrimbak
Жыл бұрын
Bhai humarr log sab jagh hai oor humari bhasha bhi 💯💯
@maaa3347
Жыл бұрын
@@harshgupta9761 bhai I am hindu but live in Myanmar
@harshgupta9761
Жыл бұрын
@@maaa3347 ooh that's nice
@ShivamSinghChauhan001
Жыл бұрын
@@maaa3347 Are you Indian or native Myanmarian?
Bhaiya box sizing nahi samaj me aaya
@codingshuttle
Жыл бұрын
It's a property to cover padding, border and content in calculating the size of an element. Without it, the calculation for the size of the element will include content+padding+border. Hope this clears it for you. Or you may learn more from the official documentation at MDN.
Most important concepts: Box-Model, Padding, Margin, Border & Box-sizing = border_box
Hello bhaiya Me commerce background se ho. Or web developer skills sikhne ke baad job mil sakti h kiya.
@codingshuttle
Жыл бұрын
Yes, background doesn't matter if you have great skills.
After set the box-sizing to border-box still the box will add the pixel value of div, padding and border. I can't find the error.
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
@Sam-dz1yn
10 ай бұрын
@@TheHariPutraOfficiallyaree body tag ke andar likha haina div box ..dekh content fir padding fir border fir margin.. margin hata dega toh uper se bikul woh sat jayega.. kyuki margin two elements jaise two boxes ko alag karta hai and content jaise box ko border se dur karne ke liye padding use karte hai
❤
Bhaiya coding shuttle course ki fee ekattha na lijiye EMI me lijiye
@abhinavdubey
Жыл бұрын
same thing bro... agr wo EMi option like 500 per month lete mai easily de deta... but ab ek sath 6000 kaha se lau... hm students hai bhaiya ko itna to smjhna chahiye tha na
Day 18 Completed! :))
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
Sir please send next video
day32 (video 18 complete)
Sir pls try to upload daily 🙏🏻
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
well don sir you are amazing
Yea css ka tak khatam ho jay ga??
@heartbeat5673
Жыл бұрын
Haaa
🥇💙🌻😁
Sir what will happen to the job after this mern course? Please reply ❣️❣️
Bhaiya upload lectures properly 🙏
Sorry bhaiya mene aapki css ki series poori dekhi mujhe thoda concept nahi samjha...I am non cse background
all good but dont use red colour design
sir boilar plate ! and enter press karke lag jata hai try this
:)
Css is boring can use library for this 👎🏻
Bhaya mujhe yarr vs code use karnw hi nahi ara hai ...oo use karne se pahle mene bahut bar sab kiya web3school pe web design kiye bahut bar oor resume wagera bhi ..parso usse use kiya oor sab gaya mera confidence ..kya yejaruri hai ki me vs code me hi likhu ..🥲
@faizanahmed9304
Жыл бұрын
Brother watch any tutorial. Koyi bhi video dekhiye kaisa use karna vS code.
@Jagtaptrimbak
Жыл бұрын
@@faizanahmed9304 yes brother wahi dekhra tha
@agamjotsingh8401
Жыл бұрын
not compulsory use in which u r comfortable but preferably it is used and even easier to code.
Thank you so much sir ♥️
@TheHariPutraOfficially
Жыл бұрын
Bhai @5:12 se samjha sakte ho ? Box , body ...me nahi samjha udhar se leke 1 mins
:)