freeCodeCamp's Adjust the Height of an Element Using the Height Property

Channel:
United States We Will Code
Subscribers:
8,020
Published on ● Video Link: https://www.youtube.com/watch?v=EAJXtH7TuVk


Duration: 1:55
47 views
0

In this lesson from freeCodeCamp's Applied Visual Design section we look at the height property. Similar to the width property, we are able to set an elements height using different units. We are able to use an absolute unit ("px"), a relative unit ("em" or "rem") or a percentage works as well (%). Using the height property on an element will give that element a different height and may cause other parts of your document to move so practicing width and height is very important in creating an appealing visual design that is responsive.



Other Videos By We Will Code


2018-09-08freeCodeCamp's Use the text-transform Property to Make Text Uppercase, Applied Visual Design,
2018-09-07freeCodeCamp's Applied Visual Design, Decrease the Opacity of an Element
2018-09-07freeCodeCamp's Applied Visual Design, Add a box-shadow to a Card-like Element
2018-09-07freeCodeCamp's Applied Visual Design, Adjust the Size of a Header Versus a Paragraph Tag
2018-09-06freeCodeCamp's Applied Visual Design, Adjust the background-color Property of Text
2018-09-06freeCodeCamp's Applied Visual Design, Create a Horizontal Line Using the hr Element
2018-09-05freeCodeCamp's Applied Visual Design, Use the s Tag to Strikethrough Text
2018-09-04freeCodeCamp's Use the em Tag to Italicize Text
2018-09-04freeCodeCamp's Use the u Tag to Underline Text
2018-09-01freeCodeCamp's Applied Visual Design, Use the Strong Tag to Make Text Bold
2018-09-01freeCodeCamp's Adjust the Height of an Element Using the Height Property
2018-08-31freeCodeCamp's Adjust the Width of an Element Using the Width Property
2018-08-31freeCodeCamp's Create Visual Balance Using The Text-align Property, Applied Visual Design
2018-08-30freeCodeCamp's Intro to the Applied Visual Design Challenges
2018-08-21freeCodeCamp Basic CSS, Use Hex and RGB to Mix Colors, CSS Variables, & Style Fallbacks 6
2018-08-14freeCodeCamp Basic CSS,Clockwise Notation for Padding & Margin, CSS Precedence Specificity 5
2018-08-07freeCodeCamp Basic CSS, Size Images, Setting Id's, Margins, Paddings, & Borders 4
2018-08-02freeCodeCamp Basic CSS, Change Element Colors,Class Selector, Font Degradation 3
2018-07-20freeCodeCamp Basic HTML5 Nest an Anchor - Head and Body of HTML Doc 2
2018-07-18freeCodeCamp Basic HTML Tutorial Say Hello - Link to Internal Sections w Anchor Elements 1
2018-07-12Question App in Nodejs, Pug,Redirects and Cookie Practice


Tags:
freeCodeCamp
learn coding
learn to code
CSS
style precedence
applied visual design
height property
freeCodeCamp tutorial