fix: form element margin bottom in .grid

Author: lucaslarroche

css/pico.amber.css

@@ -708,6 +708,16 @@ section {
   display: grid;
   grid-template-columns: 1fr;
 }
+@media (max-width: calc(768px - 1px)) {
+  .grid input:not([type=checkbox], [type=radio]),
+  .grid select,
+  .grid textarea,
+  .grid fieldset,
+  .grid fieldset legend,
+  .grid label {
+    margin-bottom: 0;
+  }
+}
 @media (min-width: 768px) {
   .grid {
     grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));

css/pico.amber.min.css

@@ -708,6 +708,16 @@ section {
   display: grid;
   grid-template-columns: 1fr;
 }
+@media (max-width: calc(768px - 1px)) {
+  .grid input:not([type=checkbox], [type=radio]),
+  .grid select,
+  .grid textarea,
+  .grid fieldset,
+  .grid fieldset legend,
+  .grid label {
+    margin-bottom: 0;
+  }
+}
 @media (min-width: 768px) {
   .grid {
     grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));

css/pico.blue.css

@@ -708,6 +708,16 @@ main {
   display: grid;
   grid-template-columns: 1fr;
 }
+@media (max-width: calc(768px - 1px)) {
+  .grid input:not([type=checkbox], [type=radio]),
+  .grid select,
+  .grid textarea,
+  .grid fieldset,
+  .grid fieldset legend,
+  .grid label {
+    margin-bottom: 0;
+  }
+}
 @media (min-width: 768px) {
   .grid {
     grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));

css/pico.blue.min.css

@@ -708,6 +708,16 @@ main {
   display: grid;
   grid-template-columns: 1fr;
 }
+@media (max-width: calc(768px - 1px)) {
+  .grid input:not([type=checkbox], [type=radio]),
+  .grid select,
+  .grid textarea,
+  .grid fieldset,
+  .grid fieldset legend,
+  .grid label {
+    margin-bottom: 0;
+  }
+}
 @media (min-width: 768px) {
   .grid {
     grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));

css/pico.conditional.amber.css

@@ -708,6 +708,16 @@ main {
   display: grid;
   grid-template-columns: 1fr;
 }
+@media (max-width: calc(768px - 1px)) {
+  .grid input:not([type=checkbox], [type=radio]),
+  .grid select,
+  .grid textarea,
+  .grid fieldset,
+  .grid fieldset legend,
+  .grid label {
+    margin-bottom: 0;
+  }
+}
 @media (min-width: 768px) {
   .grid {
     grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));

css/pico.conditional.amber.min.css

@@ -708,6 +708,16 @@ main {
   display: grid;
   grid-template-columns: 1fr;
 }
+@media (max-width: calc(768px - 1px)) {
+  .grid input:not([type=checkbox], [type=radio]),
+  .grid select,
+  .grid textarea,
+  .grid fieldset,
+  .grid fieldset legend,
+  .grid label {
+    margin-bottom: 0;
+  }
+}
 @media (min-width: 768px) {
   .grid {
     grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));