Understand CSS Box Model in 14 minutes with 4 tasks | CSS Tutorial

Опубликовано: 08 Ноябрь 2024
на канале: Thu Nghiem

2,806

106

Box Model is one of the most important concepts in CSS, but sometimes people overlook it. In this tutorial, we will take a close look at Box Model.

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

The 4 topics that will be covered are:

Border, padding, margin
Inline vs block boxes
Margin collapsing, auto margin
Alternative box model

_________ 🔖 Tutorial Structure _________

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

-- Main --
[01:06] - Task 1 - Border, padding, margin
[05:54] - Task 2 - Inline vs block boxes
[07:14] - Task 3 - Margin collapsing, auto margin
[11:47] - Task 4 - Alternative box model

-- Ending --
[13:33] - Summary
[14:08] - Happy Coding

_________ 🐣 About me _________

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