How to use CSS position to layout a website

Share this & earn $10
Coder Coder
Published at : 20 Sep 2021
16454 views
495
3

🔥 My course: Responsive Design for Beginners! https://coder-coder.com/responsive/

💻 Become a full-stack web dev with Zero to Mastery: https://academy.zerotomastery.io/a/aff_338z7xnj/external?affcode=441520ti97uk6b</a>


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/


____________


SUPPORT THE CHANNEL
⭐ Join channel members and get perks: https://www.youtube.com/channel/UCzNf0liwUzMN6_pixbQlMhQ/join
👏🏽 Hit the THANKS button in any video!
🎨 Get my VS Code theme: https://marketplace.visualstudio.com/items?itemName=CoderCoder.codercoder-dark-theme


WANT TO LEARN WEB DEV?
Check out my courses:
🌟 Responsive Design for Beginners: https://coder-coder.com/responsive/
🌟 Gulp for Beginners: https://coder-coder.com/gulp-course/


RECOMMENDATIONS
⌨ My keyboard– get 10% off with code THECODERCODER – https://vissles.com/?ref=mu96kxst5w
💻 Other gear – https://www.amazon.com/shop/thecodercoder?listId=1LMCKGUTMVYXD
📚 My Favorite Books – https://coder-coder.com/best-web-development-books/
📺 My Favorite Courses – https://coder-coder.com/best-web-development-courses/


🔽 FOLLOW CODER CODER
Blog – https://coder-coder.com/
Twitter – https://twitter.com/thecodercoder
Instagram – https://www.instagram.com/thecodercoder


#webdevelopment #coding #programming

web developmenthtmlcss

Little Mix - Power (Official Video) ft. Stormzy

Little Mix - Power (Official Video) ft. Stormzy

Selling High Priced Vs. Lower Priced Products By Closeoutexplosion.com

Selling High Priced Vs. Lower Priced Products By Closeoutexplosion.com

Motionless In White - Another Life [OFFICIAL VIDEO]

Motionless In White - Another Life [OFFICIAL VIDEO]

Eminem - The Kids (Lyrics)

Eminem - The Kids (Lyrics)

Which Meaning

Which Meaning

Sensible vs Sensitive - English In A Minute

Sensible vs Sensitive - English In A Minute

Making allowance for other people’s faults – Colossians 3

Making allowance for other people’s faults – Colossians 3

Magnat & Feoctist - Atenție Concurs [ Official Video 2020 ]

Magnat & Feoctist - Atenție Concurs [ Official Video 2020 ]

Η Τουτούλα μου έφτιαξε Mystery Box από τα JUMBO (queennnn) | Tsede The Real

Η Τουτούλα μου έφτιαξε Mystery Box από τα JUMBO (queennnn) | Tsede The Real

Stereo MC's  "Connected"

Stereo MC's "Connected"

BEST OF FITZ 2018

BEST OF FITZ 2018

Hillsong - Consuming Fire [with lyrics]

Hillsong - Consuming Fire [with lyrics]

Round the Mulberry Bush - Educational Songs for Children | LooLoo Kids

Round the Mulberry Bush - Educational Songs for Children | LooLoo Kids

Disregarded

Disregarded

Intro to Economics: Crash Course Econ #1

Intro to Economics: Crash Course Econ #1

Good Condition by Electronic Music

Good Condition by Electronic Music

"Iris" - Goo Goo Dolls (Cover by First to Eleven)

"Iris" - Goo Goo Dolls (Cover by First to Eleven)

A Very Good Life

A Very Good Life

For Example -- For Instance -- Such as -- in Business English -- Speaking and Writing

For Example -- For Instance -- Such as -- in Business English -- Speaking and Writing

Metallica - Fuel (Official Music Video)

Metallica - Fuel (Official Music Video)

FIRST DAY OF COLLEGE VLOG + GET READY WITH ME 2021 - freshman year at PLNU!

FIRST DAY OF COLLEGE VLOG + GET READY WITH ME 2021 - freshman year at PLNU!

Telling the Time for Kids: Quarter To Times

Telling the Time for Kids: Quarter To Times

Yves LaRock - Rise Up

Yves LaRock - Rise Up

The Gatekeepers of Information

The Gatekeepers of Information

Global Energy Crisis Has Caused A Worldwide COLLAPSE!

Global Energy Crisis Has Caused A Worldwide COLLAPSE!

Why JoJo Siwa Relates to Britney Spears

Why JoJo Siwa Relates to Britney Spears

The Future of Facilities Management

The Future of Facilities Management

Glenn Gould plays Bach - The Goldberg Variations, BMV 998 (Zenph re-performance)

Glenn Gould plays Bach - The Goldberg Variations, BMV 998 (Zenph re-performance)

Our Wedding Ceremony *unedited!!*

Our Wedding Ceremony *unedited!!*

Nappy Roots - Po' Folks (w/ Anthony Hamilton) [Official Video]

Nappy Roots - Po' Folks (w/ Anthony Hamilton) [Official Video]

E-Type - Angels Crying (Video)

E-Type - Angels Crying (Video)

Preventing Perineal Tears: OB/GYN Shares Evidence and Tips About Protecting Your Bottom

Preventing Perineal Tears: OB/GYN Shares Evidence and Tips About Protecting Your Bottom

Alex & Sierra - Little Do You Know (Annie LeBlanc & Hayden Summerall Cover)

Alex & Sierra - Little Do You Know (Annie LeBlanc & Hayden Summerall Cover)

RANDOM DUOS!! New ZOMBIE ISABELLE Skin! (Fortnite)

RANDOM DUOS!! New ZOMBIE ISABELLE Skin! (Fortnite)

Xenoblade Chronicles OST - An Obstacle in Our Path

Xenoblade Chronicles OST - An Obstacle in Our Path

Why do we need the Higgs field to provide an explanation for mass?

Why do we need the Higgs field to provide an explanation for mass?

Thomas & Friends™ Trackmaster Cassia Crane and Cargo Set

Thomas & Friends™ Trackmaster Cassia Crane and Cargo Set

Free Up - Busy Signal (Official Music Video)

Free Up - Busy Signal (Official Music Video)

ป๊ากู๊ดกับลูจเมล่อนไปโดดร่ม แต่ร่มไม่กาง!!😲

ป๊ากู๊ดกับลูจเมล่อนไปโดดร่ม แต่ร่มไม่กาง!!😲

How to Reserve Windows 10

How to Reserve Windows 10

Ikson - A While feat. Carl Storm (Official)

Ikson - A While feat. Carl Storm (Official)

Able - Jack Stauber

Able - Jack Stauber

Pandemic, hot weather linked to increase in drownings

Pandemic, hot weather linked to increase in drownings

GREAT PYRAMID OF MALTA  IDENTICAL TO GIZA

GREAT PYRAMID OF MALTA IDENTICAL TO GIZA

Cale Dodds - "You Shouldn't Have" (Official Audio)

Cale Dodds - "You Shouldn't Have" (Official Audio)

Chris Stapleton - You Should Probably Leave (Official Audio)

Chris Stapleton - You Should Probably Leave (Official Audio)

Payroll Giovanni - Previously (Official Video) Shot by @JerryPHD

Payroll Giovanni - Previously (Official Video) Shot by @JerryPHD

HOW TO KNOW IF YOUR SIGNIFICANT OTHER IS BEING TOO FRIENDLY TO SOMEONE (TRUTH)

HOW TO KNOW IF YOUR SIGNIFICANT OTHER IS BEING TOO FRIENDLY TO SOMEONE (TRUTH)

HIGHLIGHTS | Posh v Fulham

HIGHLIGHTS | Posh v Fulham