CSS Course | CSS Position Property | Complete Web Development Course Beginner to Advance Tutorial 21

Hey guys, In this video, We will learn about the position property in CSS. We will learn about static, relative, absolute, fixed and sticky properties.
Websites use:
W3Schools: www.w3schools....
📒 Get Notes here: telegram.me/re...
🧑🏻‍💻 Get Code here: telegram.me/re...
📌 Bookmark this Playlist: • Web Development Course...
🥳 Join our Telegram Community:
Telegram channel: telegram.me/re...
🚀 Follow me on:
Instagram: / anuj.kumar.sharma
Linkedin: / sharma-kumar-anuj
Twitter: / anujbhaiya716
Hashtags:
#codingshuttle #webdevelopment

[@UmairKhan-xw8nz]

Next video kb aygi

[@codingshuttle]

I'm at an event by Google Cloud Bangalore until October, 12th. So the next video will get delayed by a couple of days. Apologies for the inconvenience, keep learning.

[@UmairKhan-xw8nz]

@@codingshuttle okay bhaiya

[@kaushalkishore5076]

Ok bhaiya, your videos really helping me out to learn more about web development... 🙏🌼✌️

[@Shikshade]

@@codingshuttle Absolute or relative ma kya difference hai?

[@LalitMohanVerma-xj8yj]

@@codingshuttle Very Informative video.I think there is a mistake in relative positioning part .In relative positioning position specified relative to itself not parent.

[@mariyamahad4869]

For the very first time I finally got this topic. Amazing explanation 👏

[@muazimmaqbool7692]

CSS of Home Work : body{ margin: 0; } nav{ background-color: blueviolet; height: 80px; position: sticky; top: 0px; } main{ border: 1px solid black; width: 700px; padding: 10px; margin: 0 auto; } .right-side aside{ /* or just use .right-side{...}*/ width: 250px; height: 450px; background-color: violet; position: absolute; right: 20px; top: 120px; z-index: -1; } .circle-fixed{ background-color: red; width: 100px; height: 100px; border-radius: 50%; position:fixed; right: 90px; bottom: 50px; } footer{ background-color: blueviolet; height: 120px; /* margin-top: 5px; */ } 🙂

[@jotarokujoe4315]

Nice you helped me alot on this but CSS you wrote for your "right-aside" it should me like this. .right-container{ /* This is the parent of aside */ position:absolute; width: 200px; height: 1000px; top: 200px; right: 0; } aside{ position: sticky; background-color: violet; height: 400px; width: 200px; top:100px; }

[@Kakyoin69812]

@@jotarokujoe4315 Jotaro! what are you doing here?! come help me defeat dio in egypt

[@jotarokujoe4315]

​@@Kakyoin69812sorry kakyoin, I realized I am not gonna get any money by defeating dio. So im here learning this😂

[@praphullkumar4594]

One of most clear explanation on KZbin. I say many videos but it is very easy explanation over other. Thank a lot Anuj Bhaiya🙏

[@Solve-problem-with-Singh]

main position css diya bahut video dekhia but u r the only one who taught a best way specify, salute to u

[@tc45gaming74]

sir agar students ko annoying lage ye screen cast to settings>cast mai jaake font size thoda chota kar dijiye or vertical offset 3-4 kar dijiye isse ye screen ke ek dum neeche chala jayega or chote font size se jada dikkat bhi nahi hogi Or command and keys dono enable kar dijiye please

[@theedit9028]

Tc45 bhai aapka linked in ya telegram id mil skta hai kya kyuki main bhi course buy krna chahta hu to aapse baat krni thi please 🙏.

[@anonym0us__537]

I watched many videos related to this topic but this was the best and most easily understood.The way you made those boxes and parent container was really very impressive and eye catching.

[@KashifKhan-oc1st]

the best video according this kind of topic..it was quite hard and confusing before .but you made it quite clear and easy

[@venkat.sairam]

best web development course. please complete this course.

[@rtkmrg]

Kya baval chize padhate he ajun bhaiya👌👌👍👍😍😍

[@ratishjain2718]

Tried to learn this concept from so many resources but this one was best

[@killerak6177]

Thanks Bhaiya for regular and this type of content 🥰

[@danishanware]

one of the best video on you tube about position property and in the way, easy to understand. Good Work Bro. surely i will go through all your videos.

[@khilafat9468]

Egarly waiting for Data science/ Data Analyst course.. believe me guys if this person (Anuj bhaiya) make a course on This Domin thn the views and subscriber he will gain insane. Go and watch his python videos of class-12. Buttery smooth. He is one of the finest educator I have ever seen. Hope he will lunch a course on this particular domain @anujbhaiya

[@codingshuttle]

Stay tuned!

[@botkiller563]

relative is relative to the previous position /original position

[@kaushalkishore5076]

Kaafi achi content de rahe ho bhaiya, I'm very keen to learn from you... ☮️🌼

[@narayanraghuwanshi791]

Tutorial 21/21 completed ✅ Thanks bhaiya for increasing frequency.

[@theedit9028]

Narayan bhai aapka linked in ya telegram id mil skta hai kya kyuki main bhi course buy krna chahta hu to aapse baat krni thi please 🙏.

[@VarunWebster]

@@theedit9028 Hi course kasa hai?

[@praphullkumar4594]

Thanks Anuj bhaiya, a very helpful for me during design my full stack web design.

Position's Best Information Sir.

[@musicascade4408]

best!

[@codingopedia]

Thankyou bhaiya maine phele bhi kahi se css me position seekha tha but mujhe samaj sahi se nahi aaya tha ki kab usse use karna chaiya aur kaha chaiye but aab samaj me aa gaya hai aapki videos dekh ke. Thankyou and keep going Videos jaldhi upload karo.

[@beinghappy9223]

Really helpful video to learn about CSS Positions

[@mayank2535]

Thanks a lot man. i was very much confused in absolute value, but now its concept got clear. Thanks

[@ThissLabib-jd4by]

where are your from?

[@shyamshukla2803]

You are amezing sir. I love your lecture. Your java lectures are awesome

[@BilalKhan-qj1vb]

Bohat zbrdast course ha bhai 💯

[@faizanahmed9304]

Thank you bhaiya, your consistency is lit

[@dhiman.shanky]

😇😇keep Moving to forward 👍👍👍.❤️❤️🎊

[@bablukumarpatel1962]

Humlog ka Full support hai bhaiya

[@Naseebullahkhan11]

the way of teaching is very good

[@navneetgupta283]

Thankyou bhaiya for this awesome content

[@rmworld420]

Position property good explain . ❤❤

[@aliasgeranees8893]

bhai kaya samjhaya hai...maza hi aa gaya!

[@pillosEnvironment]

Sir aap homework dena shuru kijiye. Like koi bhi layout design krne ka . It will help us to understand more clearly with practical knowledge ❤️.

[@shubhamkumarjaiswal4370]

Thanks bhai confusion clear karne ke liye

[@zeeshan1019]

Tutorial 21/21 completed 🔥💯

[@BilalKhan-qj1vb]

Isi Tarah jaldi jaldi video upload kre 😊

[@RohitChhabirajYadav]

Super bhai✨

[@prafulmandge5210]

Thanks for explaining this concepts in such a easy manner. Your courses are helping a lot to learn new skills. thanks a lot sir.!!!!!!!!!!!

[@68_jyotiranjanpatra78]

best explanation of position property

[@BilalKhan-qj1vb]

Really Really Thank you 🥰

[@sarikagupta142]

thankyou soooo muchh........sir your video too much helpful for me sir and your teaching technique too excellent sir 🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏🙏

[@ParthPatel-md3uo]

Thanks sir for regular video ❤️

[@user-lj9ng3yl8g]

hello Anju sir i started watching your html,css,javascript playlist its very helpful for me thanks for making such wonderfull videos i request you for create a full playlist on kotlin and xml how to join kotlin code to xml .plese make it too. i like your videos your fan and student

[@thedevlife1611]

Sir aap REACT ki series start kijiye pls... and Thanks a lot for amazing tutorials ❤👍

[@ajaybirare1845]

tum logo ke wajah se koi fees nahi bharni padti yar thanks bhaiya ❤

[@tanyabharti6303]

Best vdo ever seen

[@sayanmanna2511]

best explanation ever ngl.

[@hemantdagar7823]

Bhaiya consistently nhi aap ki videos me Starting video me boola tha ki daily ek video aaegi Lekin aisa hya nhi Aap ne acha nha rha kra Maan liya video achi content explanation bhi next level h But kintu parntu bandu we want consistently in your video please focus on this, and i believe can do it All The Best 😀

[@adityakr8967]

.container>.box*3 ❤

[@harshvardhanmishra3189]

Anuj Bhaiya itna accha playlist bnaye ho...complete to kr do isko

[@ishitachak1406]

Thank you so much Sir !!

[@arunbm123]

Gazab ka tutorial janab,

[@hafizimranattari]

yes

[@utkarshsaxena7355]

Thank you sir

[@user-hg5wi2kb4i]

tq sir great video.

[@codekalam]

being a backend developer, ye css kabhi samaz nahi aayi but made it easy like makeing a cup of black coffee #KUDOS

[@shubhamdas6519]

Thanks a lot..sir....

[@jyothiswarupseethala1718]

Thank you bhaiyaa

[@shahbazliaquat00]

maza agya sir❤

[@shahidkhan-g4n9p]

confusion, you wrote "right" for red class but boxes moving left😀. if its relative to the parent so left and right became inverse ?

[@GeekGuru99]

this video i have to watch again

[@AnujGupta-10]

bhaiyya homework wala section me div tag ko semantic tag [section and article] se banaye to chalega na? use kar skte hai na ??

[@vishalkumar-bm6uj]

nice explaination brother keep it up

[@hardikmehta140]

Day 21 Completed! :))

[@harshilpatel2254]

amazing content

[@karanrajput9420]

Great!

[@arunyadav7467]

Be consistent please

[@heavenlife7]

The right amount of information needed to get started in CSS and one of the best playlist out there. Nicely explained.

[@BilalKhan-qj1vb]

I am waiting

[@aaravjha1853]

Bhaiya.... Thoda price kam kr dijiye course ka diwali offer mein... Ham sab le lenge course

[@kishandave722]

sir margin padding or position property sabhi space or alignment ka kam karti hai to kab konsi property use karni chahiye ye samaj nai aata hai please iske uper ek video banaye

[@isonaltechnology1389]

nice keep it up brother.

[@vinayakraj1487]

Increase vs coder font size it's doesn't visible clear and looking blurry .

[@pratham2627]

Sir Data Science ka course bhi jaldi launch karna please

[@codingshuttle]

Stay tuned!

[@harshgupta9761]

Yes bhayia it is helpful for us if you bring data science course as soon as possible

[@vickyaryanvlog]

1st view

[@Pro_Gamer199]

Apke VS code ki Font style konsi hai

[@mjstudy112]

Kesariya Tera ishq hai piya

[@a_mateur_photos]

completed 21/21

[@arunsaklani9890]

If I had money in future can I buy your course plz reply ? Or it's valid only till 31st Oct ?

[@miteshchodvadiya7998]

how we do crop thing such as if don't allow outside container so green box not show(or few point downside redbox , so it will cut some part something ). something like that?

[@a_mateur_photos]

The best example of "fixed" is the 'SUBSCRIBE' logo in your video. Kar do bhai.

[@bhukyachinna6684]

funniest part of the video 11:25

[@MindsetMastery550]

bhaiya jitni jldi pdh rha hu utn jldi bhul v ja rha kaise manage kru

[@chandan.m2173]

bhai plz provide assignments in your MERN stack Development course

[@BilalKhan-qj1vb]

Bhai next video jaldi upload krde please 🙏

[@VarunWebster]

Bhiya yeh root and absulate elemante kya hote hai?

[@rabinarayanbehera7897]

Sir position ki exercise kahan milega?

[@xainabhashmi]

hey how are u I am trying to do this assignment for a few days now but my aside tag dose not show can any one please share html and css code together

[@ShyamSharma-gv3jr]

Mja aa gayaa

[@dcodgaming]

Sir Bina degree ke software engineer kaise bane usko video banao na Aur opportunities kaise rahegi ??

[@droste07]

Relative :- relative to itself work karta h

[@priyanshujain8297]

Bhaiya I want to purchase your MERN stack course but I have one doubt. According to me react JS and node JS are very big and very important topics but you have mentioned in the course that we will cover both of them in just a span of 1 month. Can you please tell me how can we cover them in this time. I also watched this whole playlist till now and I liked it very much. You have covered those things also which other free tutorials didn't covered and I thought that if you can teach these things in the free course then in the paid course you can make us a very good developer. I will be really thankful if you could resolve my queries. I have also sent this same query on the coding shuttle's help desk but I didn't got a reply. Please tell me so that I can purchase this course confidently.

[@siddharthkhurana4440]

So did you purchase it ??

[@priyanshujain8297]

@@siddharthkhurana4440 No, I didn't get answers of my queries

[@arunsaklani9890]

Can u tell me brother where I get practise project I learned CSS html and bootstrap now I want to do project from basic to start and how many project I do before moving to JavaScript plz reply brothr

[@saarza9991]

@@arunsaklani9890 minimum 10

[@vinaypatil8009]

Sir Screen cast mode off krdo , mobile view of points mai distraction hota hai.

[@dhananjaysehrawat7041]

bhaiya css ki aur kitni video aayegi?

[@codingshuttle]

Around 20 more videos on css

[@LalitMohanVerma-xj8yj]

Relative Position me Relative to parent nhi hoga . It is relative to itself.

[@Kumarb694]

done

[@unyaanochowdhury4626]

❤

[@meshwashah789]

Helpful

[@sagarsuthar2362]

Sir javascript kab start karoge?

[@omsingh9567]

next video kab aayege