Color

Requirements

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

Tasks

  • Change the document title to Color Variables
  • Create a section with ul and 3 li items inside
  • Create style.css, variables.css and layout.css files
  • Include only style.css in the html file
  • Import in style.css the others css files
  • Create three font-color variables in variables.css file:
    • for primary color use #275468
    • for alternative yellow color use #FFC701
    • for white use #ffffff
  • Style the page and type the css in the layout.css file. Use the variables to set the colors

Screenshot

Solution