Mzsmunna
10/19/2019 - 6:47 PM

CSS Basics

.container{
  --mzsHeight: 100px // define variable in css, can be accessible as long as variable are decleared inside parent scope. It's a newly added feature in css
  width : calc(100% - 30px); //calc newly added to css and must provide space in between operators
  height : calc(var(--mzsHeight) * 2); // height is now 200px
  margin : 0 auto; // use to keep the div/box in the center
  background-color : hsl(180,100%,50%); //a color function in CSS?
}