Back to Browse

Learn to Size Elements with CSS - Width and Height Tutorial

4.8K views
Jun 28, 2024
4:22

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-images-with-css How to create and size a navigation bar: https://www.learndev.com/blog/html-css-navigation-bar Happy learning! If you have any questions, please leave a comment below. 👋 #CSS #csstutorial #csstutorialforbeginners #html #htmltutorial #learncoding #learncss #learnwebdevelopment #webdesign #codingtutorial #codingforbeginners

Download

1 formats

Video Formats

360pmp45.6 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Learn to Size Elements with CSS - Width and Height Tutorial | NatokHD