Learn to Size Elements with CSS - Width and Height Tutorial

Опубликовано: 24 Февраль 2026
на канале: Learndev
4,129
181

Learn everything about sizing HTML elements with CSS. We will learn step-by-step how to define the width and height for HTML elements, how to use percentage and viewport values and more. Knowing to size elements with CSS is essential knowledge on your way to becoming a skilled web-developer, so make sure to learn it!

What we will learn:
Defining width and height for elements
Differences between pixel, percentage and viewport values
Defining max-width and max-height

Chapters:
00:00 - intro - sizing elements
00:18 - css width & height
01:07 - css percentage values
01:34 - css viewport values (vw & vh)
02:06 - css percentage vs. viewport values
03:14 - css max-width & max-height
04:07 - outro

Addional Tutorials from the Blog:
How to size images with CSS: https://www.learndev.com/blog/sizing-...
How to create and size a navigation bar: https://www.learndev.com/blog/html-cs...

Happy learning! If you have any questions, please leave a comment below. 👋

#CSS #csstutorial #csstutorialforbeginners #html #htmltutorial #learncoding #learncss #learnwebdevelopment #webdesign #codingtutorial #codingforbeginners