src/styles/tasks.scss

@@ -7,6 +7,11 @@
   margin-top: 1rem;
   padding: 0;
   text-align: left;
+  max-width: 80vw;
+  
+  @media screen and (max-width: $tablet) {
+    max-width: 100%;
+  }
 
   &.noborder{
     margin: 1rem -0.5rem;
@@ -24,6 +29,15 @@
 
       .tasktext {
         vertical-align: top;
+        white-space: nowrap;
+        text-overflow: ellipsis;
+        overflow: hidden;
+        display: inline-block;
+        width: 95%;
+
+        @media screen and (max-width: $tablet) {
+          width: 89%;
+        }
 
         &.done{
           text-decoration: line-through;