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

Next video kb aygi

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

nice explaination brother keep it up

Helpful

tq sir great video.

Thanks a lot..sir....

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

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

Really helpful video to learn about CSS Positions

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

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

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

relative is relative to the previous position /original position

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

In Notes Notes from 16 to 31 are missing please provide

Kesariya Tera ishq hai piya

Sabka malik ek html 😂

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.

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

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

Thanks bhai confusion clear karne ke liye

Github pe jo code hai vo sahi nahi hai bhaiya repost kar dijiyega sahi karke🙏🙏

* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

nav {
background-color: blueviolet;
height: 30px;
width: 100%;
position: fixed;
top: 0;
z-index: 2;
/* border: 2px solid black; */

}

main {

border: 2px solid black;
width: 600px;
height: 600px;
margin: 50px auto;

}

p {
position: sticky;
top: 50px;

}

.right-container {
/* border: 2px solid black; */
/* width: 300px;
height: 600px; */
/* margin: 20px 10px; */
}




.right-container aside {

position: absolute;
top: 50px;
right: 10px;
background-color: aquamarine;
width: 300px;
height: 600px;
}

.contact {
background-color: red;
height: 100px;
width: 100px;
position: fixed;
bottom: 50px;
right: 10px;
border-radius: 50%;
}

footer {
background-color: blueviolet;
height: 30px;
width: 100%;
position: fixed;
bottom: 0;
}

2 ghanta laga perfect banane mein fir bhi scroll nhi ho rha 🥲

Gazab ka tutorial janab,

Absolute property is not clear. Please explain in a better way.

Relative and fixed properties are clear.

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

Nicely explained.

:)

assignement (css)
*{
margin: 0;
}
nav{
background-color: blueviolet;
height: 100px;
position: sticky;
top: 0px;
}
main{
border: 0.9px solid black;
width: 710px;
padding: 30px 20px;
margin: auto;
}
.right-conatiner{
width: 250px;
height: 450px;
background-color: rgba(251, 0, 251, 0.488);
position: absolute;
right: 20px;
top: 120px;
z-index: -1;
}
.contact{
background-color: rgb(255, 0, 0);
width: 100px;
height: 100px;
border-radius: 50%;
position:fixed;
right: 90px;
bottom: 50px; }

footer{
background-color: blueviolet;
height: 120px;
}

maza agya sir❤

plz help to format html code by prettier extension

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

Absolute or relative ma kya difference hai?

Bhiya yeh root and absulate elemante kya hote hai?

nice keep it up brother.

best explanation ever ngl.

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

Tutorial 21/21 completed 🔥💯

amazing content

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.

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

annoying

CSS of Home Work :
<style>
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; */
}
</style> 🙂

muze aap ka paid course join kar na hai

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

this video i have to watch again

Day 21 Completed! :))

bhai plz provide assignments in your MERN stack Development course

Bhaiya deewali offer dedo Full stack wale course par