Improved poll grid

styles/style.css

@@ -181,6 +181,11 @@ header .avatar {
   box-shadow: var(--default-shadow);
 }
 
+.poll .user .usernamewrapper {
+  display: flex;
+  align-items: center;
+}
+
 .datewrapper {
   display: grid;
   grid-column-gap: 8px;
@@ -215,6 +220,23 @@ datewrapper time {
   height: 20px;
 }
 
+@media (max-width: 450px) {
+  .poll-grid .poll .user {
+    flex-direction: column;
+    align-items: start;
+  }
+  .datewrapper {
+    margin-left: 0;
+  }
+}
+
+@media (max-width: 380px) {
+  .poll .user {
+    flex-direction: column;
+    align-items: start;
+  }
+}
+
 /* Success banner */
 .banner-wrapper {
   cursor: pointer;
@@ -372,6 +394,7 @@ footer .sourcecode svg {
 .poll-grid {
   display: flex;
   flex-wrap: wrap;
+  justify-content: center;
 }
 
 .poll-grid .poll {
@@ -381,6 +404,7 @@ footer .sourcecode svg {
   margin: 8px;
   transition: all 0.2s;
   cursor: pointer;
+  width: 500px;
 }
 
 .poll-grid .poll:hover {