raquelbarra
diff --git a/‎css/style.css
+54 b/‎css/style.css
+54
diff --git a/‎img/bg - Copia.jpg
3.16 MB b/‎img/bg - Copia.jpg
3.16 MB
diff --git a/‎img/min-bg.jpg
1.75 MB b/‎img/min-bg.jpg
1.75 MB
diff --git a/‎index.html
+2 b/‎index.html
+2
@@ -111,4 +111,58 @@ h2 {
 
 .none {
     display: none;
+}
+
+@media screen and (max-width: 600px) {
+  body {
+    background-image: url('../img/min-bg.jpg');
+    background-size:100cqmax;
+  }
+    .todo-container {
+        max-width: 90%;
+    }
+
+    .nova-atividade > form {
+        flex-direction: column;
+    }
+
+    #input-atividade, #input-data-atividade {
+        margin-bottom: 10px;
+    }
+
+    .nova-atividade > input, select, button {
+        margin-bottom: 10px;
+    }
+
+    .lista-de-atividades ul > li {
+        flex-direction: column;
+        width: 100%;
+    }
+
+    li > div {
+        width: 100% !important;
+    }
+
+    li> div > label {
+        margin-left: 10px;
+        font-weight: bold;
+    }
+
+    li > p {
+        font-style: italic;
+        border-top: 1px solid #CCC;
+        padding: 5px;
+    }
+
+    .lista-de-atividades ul > li > div:last-child > button{
+        margin: 0;
+    }
+
+    .lista-de-atividades ul > li > div:last-child > button:last-child{
+        margin-left: 10px;
+    }
+
+    .editar-atividade > form {
+        flex-direction: column;
+    }
 }
@@ -4,6 +4,8 @@
 <head>
     <meta charset="UTF-8">
     <title>To-Do List</title>
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" />
     <link rel="shortcut icon" href="img/list-solid.svg" type="image/x-icon">