icons for social link test

Author: gigapod

docs/docusaurus.config.ts

@@ -199,30 +199,20 @@ const config: Config = {
               `,
                         },
                         {
-                            html: '<table style="border:none; border-collapse:collapse;">
-                                < tr >
-                                <td style="border:none; padding:0;">
-                                    <a href="https://www.youtube.com/sparkfun" target = "_blank" rel="noreferrer noopener" aria- label="SparkFun on YouTube" >
+                            html: '<div style="display:flex; gap:8px; align-items:center;">
+                                < a href="https://www.youtube.com/sparkfun" target="_blank" rel="noreferrer noopener" aria- label="SparkFun on YouTube" >
                         <img src="img/social-youtube.svg" class= "social-image" alt = "SparkFun on YouTube" width = "32" height = "32" />
                         </a>
-                        </td>
-                        < td style = "border:none; padding:0;" >
-                        <a href="https://www.github.com/sparkfun" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on GitHub" >
+                        < a href = "https://www.github.com/sparkfun" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on GitHub" >
                         <img src="img/social-github.svg" class= "social-image" alt = "SparkFun on GitHub" width = "32" height = "32" />
                         </a>
-                        </td>
-                        < td style = "border:none; padding:0;" >
-                        <a href="https://www.instagram.com/sparkfun/" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on Instagram" >
+                        < a href = "https://www.instagram.com/sparkfun/" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on Instagram" >
                         <img src="img/social-instagram.svg" class= "social-image" alt = "SparkFun on Instagram" width = "32" height = "32" />
                         </a>
-                        </td>
-                        < td style = "border:none; padding:0;" >
-                        <a href="https://twitter.com/sparkfun" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on Twitter" >
+                        < a href = "https://twitter.com/sparkfun" target = "_blank" rel = "noreferrer noopener" aria - label="SparkFun on Twitter" >
                         <img src="img/social-twitter.svg" class= "social-image" alt = "SparkFun on Twitter" width = "32" height = "32" />
                         </a>
-                        </td>
-                        </tr>
-                        </table>'
+                        </div>'
                             }
             ],
         },