chore: remove bootstrap links at index.html

freeCodeCamp · Nov 17, 2024 · 6f475a3 · 6f475a3
1 parent 9f43571
commit 6f475a3
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 22 deletions.
diff --git a/index.html b/index.html
@@ -26,20 +26,6 @@
     />
     <meta name="twitter:url" content="https://developerquiz.org" />
 
-    <!--Bootstrap links-->
-    <link
-      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
-      rel="stylesheet"
-      integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
-      crossorigin="anonymous"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
-      integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
-      crossorigin="anonymous"
-    />
-
     <!--Font Awesome icons-->
     <link
       rel="stylesheet"
@@ -68,12 +54,7 @@
   <body>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>
-    <!--Bootstrap script-->
-    <script
-      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
-      integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
-      crossorigin="anonymous"
-    ></script>
+
     <script type="module" src="/src/index.tsx"></script>
   </body>
 </html>
diff --git a/src/stylesheets/App.css b/src/stylesheets/App.css
@@ -5,7 +5,9 @@
   padding: 0;
   box-sizing: border-box;
 }
-
+fieldset {
+  border: none;
+}
 /*General styles*/
 
 html {
@@ -103,8 +105,12 @@ a:hover {
 .quiz-answers-div ul {
   padding: 0;
   list-style: none;
+  margin-bottom: 1rem;
+}
+hr {
+  margin: 1rem 0;
+  opacity: 0.25;
 }
-
 .quiz-btn {
   position: absolute;
   top: 0;

diff --git a/src/stylesheets/Modal.css b/src/stylesheets/Modal.css
@@ -18,6 +18,17 @@
   text-align: left;
   padding: 15px;
   background-color: white;
+  h2,
+  h3 {
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    line-height: 1.2;
+  }
+  p {
+    margin-top: 0;
+    margin-bottom: 1rem;
+  }
 }
 
 .modal-header {