How to use CSS position to layout a website

Share this & earn $10
Coder Coder
Published at : 09 Sep 2021
16211 views
486
3

🪁 Code faster with Kite, AI-powered autocomplete that integrates into VS Code!
https://www.kite.com/get-kite/?utm_medium=referral&utm_source=youtube&utm_campaign=codercoder&utm_content=description-only

Getting tripped up by the CSS position property? This tutorial will walk you through what each one does and how to use it in code– it goes over position: relative, absolute, fixed, and sticky (as well as position: static, the default value you might not have heard of).

0:00 - Intro
0:57 - Position: static
2:56 - Position: relative
5:06 - Position: absolute
8:52 - Position: fixed
11:32 - Position: sticky

Check out the text tutorial on my blog here:
https://coder-coder.com/css-position-layout/

🔥 I’m currently making a course, Responsive Design for Beginners! Sign up if you’d like to get email updates as I build it, and when the course is published!
https://coder-coder.com/responsive-design-beginners/

____________

FOLLOW CODER CODER:

Blog: https://coder-coder.com/
Instagram: https://www.instagram.com/thecodercoder
Twitter: https://twitter.com/thecodercoder

____________

#webdevelopment #html #css #livecoding #learntocode

web developmenthtmlcss

R. City - Locked Away (Lyrics) ft. Adam Levine

R. City - Locked Away (Lyrics) ft. Adam Levine

Delayed Gratification - Bishop T.D. Jakes

Delayed Gratification - Bishop T.D. Jakes

Indicator Sale Stream | Some window shopping and a little purchasing

Indicator Sale Stream | Some window shopping and a little purchasing

"10,000 Hours To Become Consistent and Profitable!!" Is It All a LIE!!?

"10,000 Hours To Become Consistent and Profitable!!" Is It All a LIE!!?

3Breezy - Took Advantage (Prod . Era)

3Breezy - Took Advantage (Prod . Era)

Paano Mag install ng BATHROOM SINK for Beginners | STEP by STEP PROCESS

Paano Mag install ng BATHROOM SINK for Beginners | STEP by STEP PROCESS

7x Fatiha, 7x Ayat Kursi, 7x Ihlas, Falak, Nas | SiHR, MAGiC, JiNN, Evil-Eye | (Mishary Rashid)

7x Fatiha, 7x Ayat Kursi, 7x Ihlas, Falak, Nas | SiHR, MAGiC, JiNN, Evil-Eye | (Mishary Rashid)

Favourites, a selection of nice pix from here and there

Favourites, a selection of nice pix from here and there

Community Service Today Could Lead to a Career Tomorrow | Robert Ulrich | TEDxAndrews

Community Service Today Could Lead to a Career Tomorrow | Robert Ulrich | TEDxAndrews

Gerry Cinnamon - Where We're Going (Official Audio) - Lyrics in description.

Gerry Cinnamon - Where We're Going (Official Audio) - Lyrics in description.

Austin Mahone - Send It ft. Rich Homie Quan (Lyric Video)

Austin Mahone - Send It ft. Rich Homie Quan (Lyric Video)

Discovery- Can You Discover.WMV

Discovery- Can You Discover.WMV

@ELI x @George Hora - Studenta | Audio

@ELI x @George Hora - Studenta | Audio

Game Night - Pictionary (Guys vs Girls) ~ The Big Bang Theory ~

Game Night - Pictionary (Guys vs Girls) ~ The Big Bang Theory ~

I Love Being Recognized...Kinda (Stand up Comedy)

I Love Being Recognized...Kinda (Stand up Comedy)

Top 5 Bathroom Interior Design Ideas and Home Decor | Tips and Trends

Top 5 Bathroom Interior Design Ideas and Home Decor | Tips and Trends

I$WAAL - STANDARD

I$WAAL - STANDARD

[4k] Thailand Bangkok Night Street Scenes So Many Pretty Ladies! 2021

[4k] Thailand Bangkok Night Street Scenes So Many Pretty Ladies! 2021

"Oh Girl, Just Keep Turning And Maybe It'll Show Up" - Lady Gaga On Her National Anthem Moment

"Oh Girl, Just Keep Turning And Maybe It'll Show Up" - Lady Gaga On Her National Anthem Moment

Gustavus and Bravado

Gustavus and Bravado

Kylie Minogue and Jason Donovan - Especially For You - Official Video

Kylie Minogue and Jason Donovan - Especially For You - Official Video

Turn Your Photo into The Look and Feel of a Maxfield Parrish Painting | SADESIGN RETOUCHING

Turn Your Photo into The Look and Feel of a Maxfield Parrish Painting | SADESIGN RETOUCHING

Christian Wiman - "When You Consider the Radience: Poetry for Preachers and Prophets"

Christian Wiman - "When You Consider the Radience: Poetry for Preachers and Prophets"

My Father-in-Law Gives Me a Cream pie Every Night.

My Father-in-Law Gives Me a Cream pie Every Night.

Just some of the REALLY WEIRD stuff we've played.... - Game Grumps Compilations

Just some of the REALLY WEIRD stuff we've played.... - Game Grumps Compilations

I DECLARE BANKRUPTCY!!!  - The Office US

I DECLARE BANKRUPTCY!!! - The Office US

RANDOM DUOS! New KAWS SKELETON Skin! (Fortnite)

RANDOM DUOS! New KAWS SKELETON Skin! (Fortnite)

The High School Trouble Maker (Marathon)

The High School Trouble Maker (Marathon)

Owen Paterson: MPs to debate standards reform following row @BBC News live 🔴 BBC

Owen Paterson: MPs to debate standards reform following row @BBC News live 🔴 BBC

Foreigner - That Was Yesterday (Official Music Video)

Foreigner - That Was Yesterday (Official Music Video)

Identifying Features – Official Trailer

Identifying Features – Official Trailer

"You're only as good as your last, I haven't had one since the Ebor" | Johnny Murtagh | What A Shout

"You're only as good as your last, I haven't had one since the Ebor" | Johnny Murtagh | What A Shout

A playlist for a 19th century villain scheming against his enemies

A playlist for a 19th century villain scheming against his enemies

From Time

From Time

Percentages Made Easy!

Percentages Made Easy!

What Is the First Thing You Do in the Morning? | Easy German 400

What Is the First Thing You Do in the Morning? | Easy German 400

Evolution of Display Technology [1940 - 2020]

Evolution of Display Technology [1940 - 2020]

ΔΗΜΟΤΙΚΟ VS ΓΥΜΝΑΣΙΟ - Rap Battle

ΔΗΜΟΤΙΚΟ VS ΓΥΜΝΑΣΙΟ - Rap Battle

MAKING A CHAIR OUT OF A TIRE - DIY TIME HARGEISA SOMALILAND 2021

MAKING A CHAIR OUT OF A TIRE - DIY TIME HARGEISA SOMALILAND 2021

Err… SERIOUSLY?? Biden’s RIDICULOUS JFK Excuse

Err… SERIOUSLY?? Biden’s RIDICULOUS JFK Excuse

Mavro (Indigenous varieties of Cyprus)

Mavro (Indigenous varieties of Cyprus)

Getting Better:  200 Years of Medicine

Getting Better: 200 Years of Medicine

Spacious and Luxurious Pool Villa For Sale and Rent in Pattaya

Spacious and Luxurious Pool Villa For Sale and Rent in Pattaya

Δοκιμάζουμε τα πιο ΔΗΜΟΦΙΛΗ ΣΝΑΚ του ΚΟΣΜΟΥ !!! \ trying most popular snacks | ARIADNI STAR

Δοκιμάζουμε τα πιο ΔΗΜΟΦΙΛΗ ΣΝΑΚ του ΚΟΣΜΟΥ !!! \ trying most popular snacks | ARIADNI STAR

The different types of runners.

The different types of runners.

If God Is Perfect, Why Did He Create Us?

If God Is Perfect, Why Did He Create Us?

Don Moen - I Offer My Life | Praise & Worship Music

Don Moen - I Offer My Life | Praise & Worship Music

Afghanistan drone strike was "a tragic mistake," Pentagon officials say

Afghanistan drone strike was "a tragic mistake," Pentagon officials say

Jorja Smith - Come Over (feat. Popcaan)

Jorja Smith - Come Over (feat. Popcaan)