Typography-with-CSS-variables

Requirements

Problems for in-class lab for the “CSS Advanced” course @SoftUni.

Tasks

  • Create index.html file
  • Setup a typography.css file and write the basic styles
  • Setup a reset.css file
  • Setup a variables.css file and write the variables for the font size
  • Populate the variables in typography.css with fallback values
  • Include Media Queries for base font size:
    • Screen with min width 500px - font-size: 14px
    • Screen with min width 700px - font-size: 16px
    • Screen with min width 1600px - font-size: 18px
  • Include only style.css in the html file
  • Import in style.css the others css files

Screenshot

Solution