frontend-1

diff --git a/css/tasks.css b/css/tasks.css
index 3ecac2a8c429cf99362ea97cb3dbab09ba8354a9..55ac099088219885614fdc4c135b86e135fe7297 100644
--- a/css/tasks.css
+++ b/css/tasks.css
@@ -25,7 +25,7 @@ }
 
 .task-filters {
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
   align-items: center;
 }
 
@@ -37,7 +37,6 @@ #task-summary {
   margin: 1rem 0px;
 }
 
-/* Estilo geral do container das tarefas */
 #task-list {
   display: flex;
   flex-wrap: wrap;
@@ -46,7 +45,6 @@   justify-content: center;
   padding: 1rem;
 }
 
-/* Estilo de cada card de tarefa */
 #task-list ul {
   width: 100%;
   list-style: none;
@@ -89,7 +87,7 @@ }
 
 #task-list ul li .remove-task {
   align-self: center;
-  width: 20%;
+  width: 100%;
   background-color: #e63946;
   color: #fff;
   padding: 0.5rem 1rem;
@@ -116,3 +114,14 @@   font-size: 0.9rem;
   color: #495057;
 }
 
+
+@media (min-width: 768px) {
+  #task-list ul li .remove-task {
+    width: 20%;
+  }
+
+
+  .task-filters {
+    flex-direction: row;
+  }
+}