Dynamic CSS with Custom Properties (aka CSS Variables) Fallbacks Exercise

Learning Paths:

Topics:

Transcript from the "Fallbacks Exercise" Lesson

[00:00:00]
>> Here's a little exercise to use fullbacks. So remember this demo what do we use corner size to set the size of a cutout corner how could we have separate properties? Corner size X and corner size Y. Two sets different horizontal and vertical sizes of the cutout corner and also at corner sized property that can set both if we wanted to kind of like a shorthand, let's take a pause and try to do that.

Students are instructed to create seperate properties that set the horizontal and vertical cut out size or the --corner-size property that sets the entire corner for a 45 degree cut out.