Learning The CSS Box Model by Doing Digital Art

This is My Favorite freeCodeCamp.org Project Thus Far

Learning The CSS Box Model by Doing Digital Art

I had an enjoyable time coding this evening. I was actually able to think and understand(somewhat), what each line of code created.

I got this experience through completing the "Rothko Painting" exercise at freeCodeCamp.org. The execise made a digital representation of an Mark Rothko, abstract color field painting, that depictes irregular rectangular regions of color.

This was executed by assigning the canvas and frame class to

tags within the body of the document.

Next the direction was to place three more

tags within the canvas with the class of one, two and three. These tags were used to create the irregular rectangular regions of color.

CSS was applied to the three rectangles. The styling achieved through the CSS code was pretty cool. The directions used padding, margin, color, transform, blur filter and border radius elements(I hope elements is the correct name to describe the padding, margin, color, transfor, blur filter and border radius within CSS), to make the shit pop!

I felt really good as I anticipated what each line of code would almost magically, make appear on the screen.

Here is the coding:

With this, I bid you Good night...