fixing lab3 issues

Lofranlof · Nov 20, 2023 · ee73818 · ee73818
1 parent 58c5cb3
commit ee73818
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 10 deletions.
diff --git a/CSS/style.css b/CSS/style.css
@@ -166,7 +166,7 @@ table {
 
 .body {
     margin: 20px;
-    font-family: Arial, sans-serif;
+    font-family: Arial;
     background-color: #f0f0f0;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
     padding: 10px;
@@ -188,6 +188,7 @@ table {
     margin: 10px;
     text-align: center;
     text-decoration: none;
+    text-transform: none;
 }
 
 .body__section__paragraph {
@@ -210,7 +211,7 @@ table {
 }
 
 .body__list__item {
-    font-size: 0.9em;
+    font-size: 0.9rem;
     padding: 5px;
     margin: 5px;
 }
@@ -266,7 +267,7 @@ table {
 
 @media screen and (max-width: 1920px) {
     .body__section {
-        flex: 1 1 45%;
+        flex: 1 1 100%;
     }
 }
 
@@ -300,9 +301,11 @@ table {
 
 .table_container {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns:repeat(3, 50px 100px);
     grid-gap: 10px;
     place-self: center;
+    grid-row-gap: 10px;
+    grid-column-gap: 20px;
 }
 
 .table_container thead,
@@ -315,22 +318,26 @@ tr {
 th {
     padding: 10px;
     text-align: center;
-    font-size: 1rem;
+    font-size: 1em;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
 }
 
 .table_container th {
-    font-size: 1.5rem;
+    font-size: 1em;
     margin-top: 10px;
     color: #ffffff;
 }
 
 .table_container tbody tr:nth-child(even) td {
     background-color: #6e6e6e;
+    margin-top: 10px;
+    margin-bottom: 0px;
 }
 
 .table_container tbody tr:nth-child(odd) td {
     background-color: dimgray;
+    margin-top: 40px;
+    margin-bottom: 0px;
 }
 
 .block_menu_news {
@@ -341,7 +348,7 @@ th {
 
 .block_menu_news h2 {
     color: #000000;
-    font-size: 2.5rem;
+    font-size: 2em;
 }
 
 a:hover {

diff --git a/index.html b/index.html
@@ -71,6 +71,10 @@ <h2> to be deleted </h2>
                         <th> col1 </th>
                         <th> col2 </th>
                         <th> col3 </th>
+                        <th> col1 </th>
+                        <th> col2 </th>
+                        <th> col3 </th>
+
                     </tr>
                 </thead>
 
@@ -79,11 +83,25 @@ <h2> to be deleted </h2>
                         <td>el1</td>
                         <td>el2</td>
                         <td>el3</td>
+                        <td>el1</td>
+                        <td>el2</td>
+                        <td>el3</td>
                     </tr>
                     <tr>
                         <td>el4</td>
                         <td>el5</td>
                         <td>el6</td>
+                        <td>el1</td>
+                        <td>el2</td>
+                        <td>el3</td>
+                    </tr>
+                    <tr>
+                        <td>el1</td>
+                        <td>el2</td>
+                        <td>el3</td>
+                        <td>el1</td>
+                        <td>el2</td>
+                        <td>el3</td>
                     </tr>
                 </tbody>
             </table>

diff --git a/todo.html b/todo.html
@@ -20,9 +20,9 @@ <h2>ToDo List</h2>
                     <button onclick="addTask()">Add task</button>
                 </div>
                 <ul class="todoList" id="list-container">
-                    <!-- <li class="checked">Task 1</li>
-                    <li>Task 2</li>
-                    <li>Task 3</li> -->
+                    <!-- <li class="checked"></li>
+                    <li></li>
+                    <li></li> -->
                 </ul>
             </div>
         </div>