CSS Basics - Relative units

In this exercise you learn the basics of CSS styling with relative units

Exercise

Use the solutions of the previous exercise and change all units to sizes relative to the chosen font size

• Change all absolute sizes to sizes relative to the chosen font-size in the :root element
• All the calculated sizes of the browser should be the same (small rounding errors are ok) as in the previous exercise

Tips

• The root font-size defined in the template is 14px

Template

Solution