Styling of new list on page 3

Demagog2 · Mar 12, 2024 · 6481ae3 · 6481ae3
1 parent b053c88
commit 6481ae3
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 17 deletions.
diff --git a/public/index.html b/public/index.html
@@ -158,14 +158,14 @@ <h1 class="header-page3">
       </div>
 
       <div class="blur-bg">
-        <p class="text-container-page3">
-          Demagog.cz je unikátní český projekt zaměřený na ověřování politických výroků a aobsahu na sociálních sítích.
+        <p class="text-page3">
+          Demagog.cz je unikátní český projekt zaměřený na ověřování politických výroků a obsahu na sociálních sítích.
         </p>
         <!-- TODO: please style me -->
-        <ul>
-          <li>🏅 více, než deset let zkušeností</li>
-          <li>✅ součástí mezinárodních fact-checkingových organizací</li>
-          <li>🤝 partneři Facebooku pro ČR</li>
+        <ul class="ul-page3">
+          <li class="list-page3">🏅 více, než deset let zkušeností</li>
+          <li class="list-page3">✅ součástí mezinárodních fact-checkingových organizací</li>
+          <li class="list-page3">🤝 partneři Facebooku pro ČR</li>
         </ul>
         </p>
       </div>

diff --git a/public/style.css b/public/style.css
@@ -232,7 +232,7 @@ ul {
   bottom: 0;
 }*/
 
-.text-container-page3 {
+.text-page3 {
   color: #FFF;
   font-size: 15px;
   font-style: normal;
@@ -241,20 +241,24 @@ ul {
   padding-left: 20px;
   padding-right: 20px;
   margin-top: 0px;
-  text-shadow: #141313 2px 2px 50px;
+  text-shadow: #141313 2px 2px 20px;
 }
 
-.text-page3 {
+.text-orange-page3 {
+  color: #FFBF00;
+  font-weight: 800;
+}
+
+.list-page3 {
   color: #FFF;
   font-size: 15px;
   font-style: normal;
   font-weight: 600;
   line-height: 23px;
-}
-
-.text-orange-page3 {
-  color: #FFBF00;
-  font-weight: 800;
+  padding-left: 20px;
+  padding-right: 20px;
+  margin-top: 0px;
+  text-shadow: #141313 2px 2px 20px;
 }
 
 .buttons-container1-page3 {
@@ -605,7 +609,13 @@ ul {
     margin-left: 9px;
   }
 
-  .text-container-page3 {
+  .text-page3 {
+    font-size: 30px;
+    line-height: 50px;
+    max-width: 690px;
+  }
+
+  .list-page3 {
     font-size: 30px;
     line-height: 50px;
     max-width: 690px;
@@ -760,14 +770,13 @@ ul {
     display: inline-block;
     margin-left: 170px;
     margin-bottom: 50px;
-    padding: 40px;
+    padding: 20px;
   }
 
   .blur-bg p,
   .blur-bg ul {
     position: relative;
     z-index: 1;
-    margin: 0;
     padding: 0;
   }