Why draw with CSS?

Question

css

While browsing various courses for beginners in html and css (for example, this one ), I came across tasks where I had to draw using CSS. That is, not just somehow format the text or add frames there, but create real drawings (albeit quite simple ones). There are also articles that describe such techniques.
The question is - to what extent is it justified and used? What is the advantage of writing all this in CSS? Indeed, in graphic editors (at least vector, at least raster) it is much more convenient to create such images, sort of.

Answer 1

In simple cases, yes, it is justified. Roughly speaking, if I need a cube, a triangle or a circle, it's quite good practice to do it in CSS.
But now it's not uncommon for people to go overboard when they try to draw complex compositions in CSS by intricately combining blocks and transforms. It's cool and interesting from a sporting point of view, but in production I would beat hands for it. It's hard to read, hard to modify, and eats more memory.
In general, there is no clear answer here. You can use it, but you must not forget about the sense of proportion.

Answer 2

For general development. You watch courses. Expediency is in 10th place there.