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

preview_player
Показать описание
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.

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 __________

Рекомендации по теме
Комментарии
Автор

Love your videos. I saw your video from FCC article. The content is presented clearly, and aesthetically pleasing which makes it looks more interesting. Keep up the great work!

nichaphatraithipphikun
Автор

Really loved this type of video, thank you

Abhishek-fwoo
Автор

Ooo Yeah first comment, bro make one more website using flex box and grid and react

shaileshbisht