Great work! You learned how to size elements on a website relative to other elements on the page.
Let’s review what you learned:
emsizes font relative to the font size of a parent element.
remsizes font relative to the font size of a root element. That root element is the
autoso that the media scales proportionally. Reversing these two properties and values will also achieve the same result.
background-sizeproperty is set to
Relative units of measurement are a first step towards incorporating responsive design in a website. When combined with more advanced responsive techniques, you can create a seamless user experience regardless of a device’s screen size.
Take some time to experiment with your new knowledge of relative measurements in style.css. When you’re done, proceed to the next unit.