CSS display property explained (block, inline, inline-block, none)

Coder Coder ยท Beginner ยท๐Ÿ–Œ๏ธ UI/UX Design ยท1mo ago
How the CSS display property works, with block, inline, and inline-block elements, and how padding, border, and margin works in each type of element. ๐Ÿ’ฅ Get 20% off 1-yr of Frontend Mentor Pro with my code JESSCHAN20 -- https://www.frontendmentor.io/?via=jesschan Source code: https://github.com/thecodercoder/css-layout/tree/main/03-display CSS Layouts playlist: https://www.youtube.com/playlist?list=PLUWqFDiirlst8pCZ1R1exwnFSKXEigGIL ____________ ๐Ÿ’ป LEARN TO CODE ๐Ÿ’ป MY COURSE: ๐ŸŸข Responsive Design for Beginners -- Learn how to build a website from scratch -- https://coder-coder.com/respโ€ฆ
Watch on YouTube โ†— (saves to browser)

Chapters (7)

the display property
0:27 block elements
1:59 inline elements
4:59 block vs inline
7:50 inline-block
13:06 display: none
13:44 Layout Modes
CSS position property explained (static, relative, absolute, fixed, sticky)
Next Up
CSS position property explained (static, relative, absolute, fixed, sticky)
Coder Coder