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

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


Duration: 2:48
76 views
3

In this lesson from Applied Visual Design on freeCodeCamp we look at the width property. Properties like the width property allows us to set the width of different elements within our page. We learn that we can use different units to represent the width of our elements. There is the absolute value, pixels represented "px". We also learn about relative units. The relative unit they mention is "em" but there is also others such as "rem". These values depend on anothers value. Then there is the percentage unit which will be applied as the percentage of the containing element.



Other Videos By We Will Code


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
2018-07-09Question App in Nodejs, Pug,cookie-parser, setting cookies 5


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