Scalable Vector Graphics are an XML-based markup that can contain two-dimensional vectors. The vectors can be simple shapes, paths, or just about anything you can do in Illustrator. It’s an image format that has more in common with a web page than with a JPEG. SVG is much more potent than other image formats we can use on the web as we can manipulate them with code (either in our text editor or with CSS | JS).--SVG on the Web
The skill I gained when doing this project was learning how to put an SVG together with animation and using a video with text. I learned that SCSS is another form of CSS, and you just have connected both the files together, but use the CSS link into your HTML.
I knew that not everyone's codes are web standards and practice, and you must change this to make sure your standards are correct; otherwise, you will get errors or warnings on why the code isn't working. The best practice you can use is the Validator from W3C.org, both with HTML and CSS. Even when using bootstrap, those standards can be wrong, and you can spend hours fixing a code.
Click here for Scoring Guide on LP2 PAT 2.