Here I am again, day 2 of the #100DaysofCode. Staying accountable and blogging about my journey every day. ## What did I learn today? ### SVGs SVGs are Scalable Vector Graphics and the main difference between SVG and image formats like JPEG is that SVG can easily be scaled to any size without compromising its quality or file size. SVGs are defined using XML which is an HTML-like syntax so it is easily identifiable and readable. Here's an example of an SVG markup taken from The Odin [Project:](https://www.theodinproject.com/lessons/node-path-intermediate-html-and-css-svg#embedding-svgs) ```

``` Looks kinda scary! ### HTML Tables HTML Tables basically allow us to organize data into Tabular format and easily make connections with different types of information displayed. The course included some MDN articles that had some assessments; great way to practice what I was learning. ### CSS Reset I've come across CSS Reset before but I haven't used them. I've always done this: ``` // CSS Reset * { margin: 0; padding: 0; box-sizing: border-box; } ``` ### CSS Units I learned about the difference between `px`, `em`, and `rem`. Basically, `px` is static in nature and does not scale while `em` and `rem` scale based on the browser size. I adopted the use of `em` and `rem` but Odin recommends sticking to rem because `em` could cause undesirable effects. I also read this [article](https://codyloyd.com/2021/css-units/) that suggests using `rem` for `font-size` and `px` for everything else; I might adopt that practice.

developing-vic

Day 2 #100DaysofCode

Join Our Newsletter. No Spam, Only the good stuff.