Learn CSS Position (relative, absolute, fixed, sticky, float) with 5 practical tasks - CSS tutorial

Опубликовано: 28 Май 2025
на канале: Thu Nghiem

10,543

347

CSS position gives you the flexibility to build the layout that you want, but it can be confusing to some people. In this tutorial, you will learn CSS position by solving 5 practical tasks

Download the resources: https://devchallenges.io/learn/tutori...

The 6 topics that will be covered are:

Static positioning
Relative positioning
Absolute positioning
Fixed positioning
Sticky positioning
Float

_________ 🔖 Tutorial Structure _________

Intro --
[00:00] - Introduction
[00:31] - Setup walkthrough

-- Main --
[01:00] - Static positioning
[01:40] - Task 1 - Relative positioning
[04:44] - Task 2 - Absolute positioning
[08:16] - Task 3 - Fixed positioning
[09:55] - Task 4 - Sticky positioning
[12:39] - Task 5 - Float

-- Ending --
[14:10] - Summary
[15:40] - Happy Coding

_________ 🐣 About me _________

I am the founder of https://devchallenges.io/
Follow my Twitter / thunghiemdinh
Join Discord / discord