fix headers and increasing size <p> (14px)

Qiskit · Oct 17, 2023 · 6dc2992 · 6dc2992
1 parent 5bc35cf
commit 6dc2992
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 29 deletions.
diff --git a/docs/index.html b/docs/index.html
@@ -37,7 +37,7 @@
       </header>
 
       <div class="content cds--grid layout-lead-space-fixed__container">
-        <h2 class="section">Providers</h2>
+        <h5 class="section">Providers</h5>
         <p>Run your quantum programs using the following projects</p>
         <div class="cards cds--row">
 
@@ -66,7 +66,7 @@ <h2 class="project-title">Project title</h2>
 
           </div>
 
-        <h2 class="section">Libraries</h2>
+        <h5 class="section">Libraries</h5>
         <p>Use the following projects in your code</p>
         <div class="cards cds--row">
 

diff --git a/docs/style.css b/docs/style.css
@@ -97,14 +97,13 @@ cds-tile{
     background-color: white;
 }
 
-
 .tags{
     display: flex;
     flex-flow: row wrap;
 }
 
 .project-title{
-    font-size: 1.4rem;
+    font-size: 23px;
     line-height: 1.25;
     font-weight: normal;
 }
@@ -114,41 +113,23 @@ cds-tile{
 }
 
 p {
-    font-size: .775rem;
+    font-size: 14px;
 }
 
 .title{
-    margin: 1rem 0;
-    font-size: .875rem;
-}
-
-h2 {
-    font-size: .875rem;
-    font-weight: 600;
+    margin: 16px 0;
 }
 
 .links{
     display: flex;
     flex-flow: column wrap;
 }
 
-@media only screen and (max-width: 1500px) {
-    .card{
-        flex: 0 1 25%;
-    }
-}
-
-@media only screen and (max-width: 1200px) {
-    .card{
-        flex: 0 1 40%;
-    }
+.description{
+    display: block;
 }
 
-@media only screen and (max-width: 750px) {
-    .card{
-        flex: 0 1 95%;
-    }
-}
+/* ##### Read more button ##### */
 
 .read-more-input{
     display: none;
@@ -181,6 +162,26 @@ h2 {
     cursor: pointer;
 }
 
-.description{
-    display: block;
+/* ######################## */
+
+@media only screen and (max-width: 1500px) {
+    .card{
+        flex: 0 1 25%;
+    }
+}
+
+@media only screen and (max-width: 1200px) {
+    .card{
+        flex: 0 1 40%;
+    }
+
+    .links{
+        flex-flow: row wrap;
+    }
+}
+
+@media only screen and (max-width: 750px) {
+    .card{
+        flex: 0 1 95%;
+    }
 }