Learn to Size Elements with CSS - Width and Height Tutorial

Published: 28 June 2024
on channel: Learndev

5,642

223

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

On this page of the site you can watch the video online Learn to Size Elements with CSS - Width and Height Tutorial with a duration of hours minute second in good quality, which was uploaded by the user Learndev 28 June 2024, share the link with friends and acquaintances, this video has already been watched 5,642 times on youtube and it was liked by 223 viewers. Enjoy your viewing!