Learn CSS positions in 6 minutes! 🎯

#CSS #course #tutorial
CSS position relative fixed absolute sticky static tutorial example explained

[@BroCodez]

Bro Code






Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Maiores repellendus corrupti dolorum repudiandae officiis sit quo cupiditate, mollitia, corporis enim provident quibusdam amet molestiae itaque! Soluta fugiat omnis quisquam obcaecati!
/* style.css */
#box1{
width: 200px;
height: 200px;
background-color: hsl(188, 100%, 63%);
position: relative;
top: 100px;
left: 100px;
}
#box2{
width: 100px;
height: 100px;
background-color: hsl(0, 100%, 63%);
position: absolute;
top: 50px;
left: 50px;
}

[@kevhidsanus]

Honestly this video has saved me tons of time! thank you bro!

[@youngzproduction7498]

Bro, you are good at explaining this position!

[@zahid1909]

You are a real Master, bro! Respect!!

[@Oblakofficial]

Thank you for making this very easy to understand. Now I understand how adverts are run using the 'fixed' positioning
👏

[@BGH2023]

I LOVE YOU BRO!!! learned a lot

[@regardsdavid6927]

In my case sticky property is acting as a relative. Why is that?

[@calyxmario2279]

Bro you are to good thanks alot man ❤

[@user-ej6ln9kt7c]

you are a life saver

[@vishalgudla9352]

Thanks alot ❤️

[@Sylvesterchi-yx4vy]

Thanks 🙏

[@WorkingMfr-ot7vv]

Thanks bro

[@meowthemmd]

NOICE 👍😀 🗿

[@Pororo1726]

I love bro code

[@davaughnwilliams5100]

Bro code 🐐

[@witiitamedia8154]

Broo code💪💪