Modal is now using a table structure

Author: Donovan Vernon

_includes/search-tip-modal.html

@@ -2,7 +2,7 @@
 <div class="search-tip-overlay" id="search-tip-modal">
   <div class="search-tip-modal-container">
     <div class="top-buffer"></div>
-    <div class="project-card">
+    <div class="search-tip-modal-card">
       <img class="overlay-close-icon" src="/assets/images/wins-page/x.svg" alt="Close">
       <div class="search-tip-card center-screen">
         <div class="search-tip-card-top">
@@ -12,10 +12,32 @@
         </div>
         <div class="search-tip-card-bottom">
           <div class="project-inner overlay-card-text">
-            <p id="search-tip-overview">Blank</p>
-            <p id="search-tip-and">Blank</p>
-            <p id="search-tip-or">Blank</p>
-            <p id="search-tip-not">Blank</p>
+            <table id="search-tip-table" class="search-tip-table">
+              <thead>
+                <tr>
+                  <th>Boolean Operators</th>
+                  <th>Meaning</th>
+                  <th>Example</th>
+                </tr>
+              </thead>
+              <tbody>
+                <tr>
+                  <td id="table-operator-1">Blank</td>
+                  <td id="table-meaning-1">Blank</td>
+                  <td id="table-example-1">Blank</td>
+                </tr>
+                <tr>
+                  <td id="table-operator-2">Blank</td>
+                  <td id="table-meaning-2">Blank</td>
+                  <td id="table-example-2">Blank</td>
+                </tr>
+                <tr>
+                  <td id="table-operator-3">Blank</td>
+                  <td id="table-meaning-3">Blank</td>
+                  <td id="table-example-3">Blank</td>
+                </tr>
+              </tbody>
+            </table>
           </div>
         </div>
       </div>