Learn Responsive Design 
Learn responsive design techniques, like relative sizing units and media queries, to create websites viewable on devices of all sizes.
StartKey Concepts
Review core concepts you need to learn to master this subject
CSS unit em
Usage of Percentages in CSS
background-size: cover;
CSS unit rem
Media Type in Media Queries
And Operator Media Queries
CSS Media Features in Media Queries
css media query
CSS unit em
CSS unit em
.nav-container {
font-size: 10px;
}
.nav-container span {
font-size: 1.5em; /* 10 x 1.5 = 15px */
}
em
is a CSS unit used to create relatively-sized content. 1 em
unit represents the base font size of the current element.
In the example code block, <span>
elements nested inside of elements with class nav-container
will have a font size of 15px
.
What you'll create
Portfolio projects that showcase your new skills
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory