added classes to li's to prevent accordion interference

Krenbot · Oct 18, 2022 · 3b33ba8 · 3b33ba8
1 parent 0959e81
commit 3b33ba8
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 7 deletions.
diff --git a/assets/styles/style.css b/assets/styles/style.css
@@ -10,14 +10,18 @@ h3 {
   text-align: left;
 }
 
-ul {
+.flipping-cards {
   display:flex;
 }
 
-li{
+.li-card{
   display: inline-block;
 }
 
+/* li{
+
+} */
+
 ul,
 li {
   list-style: none;

diff --git a/index.html b/index.html
@@ -42,7 +42,7 @@ <h3>A Playing Card Workout Generator</h3>
     <!-- Shown Card HTML -->
     <ul class="flipping-cards">
         <!-- Front of Card -->
-        <li>
+        <li class = 'li-card'>
             <input type="checkbox" id="item1">
             <label for="item1">
                 <span class="wrapper">
@@ -71,7 +71,7 @@ <h3>A Playing Card Workout Generator</h3>
                 </p>
             </footer>
         </li>
-        <li>
+        <li  class = 'li-card'>
             <input type="checkbox" id="item2">
             <label for="item2">
                 <span class="wrapper">
@@ -99,7 +99,7 @@ <h3>A Playing Card Workout Generator</h3>
                 </p>
             </footer>
         </li>
-        <li>
+        <li  class = 'li-card'>
             <input type="checkbox" id="item3">
             <label for="item3">
                 <span class="wrapper">
@@ -127,7 +127,7 @@ <h3>A Playing Card Workout Generator</h3>
                 </p>
             </footer>
         </li>
-        <li>
+        <li  class = 'li-card'>
             <input type="checkbox" id="item4">
             <label for="item4">
                 <span class="wrapper">
@@ -155,7 +155,7 @@ <h3>A Playing Card Workout Generator</h3>
                 </p>
             </footer>
         </li>
-        <li>
+        <li  class = 'li-card'>
             <input type="checkbox" id="item5">
             <label for="item5">
                 <span class="wrapper">