Some minor fixes for mobile

index.css

@@ -121,7 +121,7 @@ li {
 }
 
 /* Wide screen */
-@media only screen and (min-width: 750px) {
+@media only screen and (min-width: 751px) {
   .pilars {
     flex-direction: row;
   }

src/modules/feature/FeatureStep.vue

@@ -56,7 +56,11 @@ const binContainerWidth = computed(() => {
       </ul>
     </section>
     <section class="done">
-      <h5>✅ [{{ featuresDone.length }}]</h5>
+      <h5>
+        ✅ [{{ featuresDone.length
+        }}<template v-if="!isLive">/{{ step.blueBins }}</template
+        >]
+      </h5>
       <div ref="binContainer">
         <div
           v-if="!isLive"
@@ -158,6 +162,13 @@ const binContainerWidth = computed(() => {
     z-index: 0;
   }
 
+  /* mobile screen */
+  @media only screen and (max-width: 750px) {
+    .blue-bin-container {
+      display: none;
+    }
+  }
+
   .live {
     text-align: center;
   }

src/modules/feature/FeatureSteps.vue

@@ -29,7 +29,6 @@ onMounted(() => featureStore.initBoard(NUMBER_OF_FEATURES))
 .features-steps {
   display: flex;
   gap: 1rem;
-  flex-wrap: wrap;
   align-items: stretch;
   margin: 0 1rem;
   border: 3px solid var(--primary-color);