12/11
TOP - Intermediate HTML and CSS: 9%.
Intermediate HTML Concepts - Tables

Done Reading https://www.joshwcomeau.com/svg/friendly-introduction-to-svg/

Learn about viewBox.
SVG width and height define how big the image frame appear, viewBox defines the viewport we want to look at.

Pretty confusing at first but I understand it a bit now.

At first I thought viewBox="-350 -350 550 550"
mean : start x = -350, start y = -350, end x = 550, end y = 550.
After reading I realized 550 550 mean the width and height of the viewBox.
Meaning:
end x = -350 + 550 = 200, end y = -350 + 550 = 200.

Learn more about stroke: stroke, stroke-width, stroke-dasharray, stroke-linecap.

Not really feeling it yet, probably will need more practices for me to have a better grasp.

Look a bit at oklch color and yeah, I understand nothing at all :(.

Completed SVG lesson.
Tomorrow I will learn more about Tables.