exploring using css to get aaron's formatting objective

Signed-off-by: Amndeep Singh Mann <[email protected]>

src/courses/advanced/05.md

@@ -525,16 +525,21 @@ inspec> git('/workspaces/saf-training-lab-environment/git_test_target/.git').cur
 :::
 
 ::: warning
-Note that we are passing in the _profile_ directory to the `--depends` flag, and not the profile's `libraries` directory. In our example, it's
-``` sh
-inspec shell --depends my_git
-```
-and not
-``` sh
-inspec shell --depends my_git/libraries
-```
+Note that we are passing in the _profile_ directory to the `--depends` flag, and not the profile's `libraries` directory. In our example, it's `inspec shell --depends my_git`{.good style="background-clip: padding-box; box-shadow: inset 0 0 0 3px var(--tip-c-accent)"} and not `inspec shell --depends my_git/libraries`{.bad style="background-clip: padding-box; box-shadow: inset 0 0 0 3px var(--caution-c-accent)"}
 :::
 
 If you edit the resource class file, you'll need to exit the shell and re-launch it for the updates to be available.
 
 From here, we can examine our custom resource in a sandbox in the same way that we do with core resources.
+
+<style scope>
+.good::before {
+  content: "✅";
+  margin-right: 0.5rem;
+}
+
+.bad::before {
+  content: "❌";
+  margin-right: 0.5rem;
+}
+</style>