Percentages: Padding & Margin, Codecademy, Learn Responsive Design, Sizing Elements

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


Duration: 5:03
715 views
3

In this lesson we go over using percentage units of measurements when specifying an elements margin. When specifying margin only the width of the parent element is used. If margin-right is set using something like 50%, the element will be moved halfway to the left of the parent container(as opposed to the child element receiving a margin half of its parent's margin).



Other Videos By We Will Code


2017-10-24Range, Codecademy, Learn Responsive Design, Media Queries
2017-10-19Media Queries, Codecademy, Learn Responsive Design
2017-10-15Responsive Web Design, Codecademy, Learn Responsive Design, Media Queries
2017-10-132 Great Ways To Reverse A String In Javascript, Codewars
2017-10-1316 Questions & Answers About Sizing Elements Responsively
2017-10-13Review: Relative Measurements, Codecademy, Learn Responsive Design, Sizing Elements
2017-10-11Scaling Background Images, Codecademy, Learn Responsive Design, Sizing Elements
2017-10-10Scaling Images and Videos, Codecademy, Learn Responsive Design, Sizing Elements
2017-10-05Height: Minimum & Maximum, Codecademy, Learn Responsive Design, Sizing Elements
2017-10-03Width: Minimum & Maximum, Codecademy, Learn Responsive Design, Sizing Elements
2017-10-03Percentages: Padding & Margin, Codecademy, Learn Responsive Design, Sizing Elements
2017-10-02Percentages: Height & Width, Codecademy, Learn Responsive Design, Sizing Elements
2017-09-30Rem, Codecademy, Learn Responsive Design, Sizing Elements
2017-09-27Em, Codecademy, Learn Responsive Design, Sizing Elements
2017-09-26Relative Measurements, Codecademy, Learn Responsive Design, Sizing Elements
2017-09-21Learn HTML, Understand HTML Foundations, Learning Web Development Part 4
2017-09-20Pennywise the Dancing Clown, It Instrumental, Pennywise Instrumental
2017-09-20Codewars, Find the Remainder, Javascript Basics
2017-09-15Fear And Love, Programming Music, Learning Music, Thinking Music, Donnie Darko Intro & Outro
2017-09-15Learn HTML, Understand HTML Foundations, Learning Web Development part 3
2017-09-14Sum All Numbers In A Range, freeCodeCamp, Intermediate Algorithm Scripting (using reduce method)


Tags:
responsive web design
responsive html
responsive css
codecademy tutorials
rem unit