CSS display property explained (block, inline, inline-block, none)
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
DeepCamp AI