Update

Author: dima_los

resources-6.html

@@ -75,28 +75,33 @@ <h1 class="text-center pb-5">
                 <h2>Links (URLs)</h2>
                 <ul class="links">
                     <li>
-                        <a href="https://github.com/twbs/bootstrap" class="github-link">twbs/bootstrap</a>
-                        : https://www.youtube.com/watch?v=Idh8n5XuYIA
+                        <a href="https://www.youtube.com/watch?v=Idh8n5XuYIA" class="github-link">Deadpool & Wolverine | Final Trailer | In Theaters July 26</a> &nbsp;&nbsp;
+                        👉 &nbsp; https://www.youtube.com/watch?v=Idh8n5XuYIA
                     </li>
                     <li>
                         <a href="https://github.com/twbs/bootstrap" class="github-link">twbs/bootstrap</a>
-                        : https://github.com/twbs/bootstrap
+                        &nbsp;&nbsp;
+                        👉 &nbsp; https://github.com/twbs/bootstrap
                     </li>
                     <li>
                         <a href="https://github.com/topics/javascript" class="github-link">javascript</a>
-                        : https://github.com/topics/javascript
+                        &nbsp;&nbsp;
+                        👉 &nbsp; https://github.com/topics/javascript
                     </li>
                     <li>
                         <a href="https://github.com/topics/css" class="github-link">css</a>
-                        : https://github.com/topics/css
+                        &nbsp;&nbsp;
+                        👉 &nbsp; https://github.com/topics/css
                     </li>
                     <li>
                         <a href="https://github.com/topics/sass" class="github-link">sass</a>
-                        : https://github.com/topics/sass
+                        &nbsp;&nbsp;
+                        👉 &nbsp; https://github.com/topics/sass
                     </li>
                     <li>
                         <a href="https://github.com/topics/bootstrap" class="github-link">bootstrap</a>
-                        : https://github.com/topics/bootstrap
+                        &nbsp;&nbsp;
+                        👉 &nbsp; https://github.com/topics/bootstrap
                     </li>
                 </ul>
             </div>
@@ -149,6 +154,13 @@ <h2>Images</h2>
 
     .links {
         list-style: none;
+        display: flex;
+        flex-direction: column;
+        gap: 10px;
+    }
+
+    .links > li {
+        border-bottom: 1px solid #dddddd;
     }
 </style>
 

solutions/tutorial-06/3-6.html

@@ -19,6 +19,14 @@
 <img src="images/code-2.png" class="code-image">
 
 <style>
+    /*p {*/
+    /*    width: 550px;*/
+    /*}*/
+
+    /*hr {*/
+    /*    width: 550px;*/
+    /*}*/
+
     .documentation-title {
         font-size: 26px;
         font-weight: bold;