Style meetup times

Author: farhana039

assets/css/style.css

@@ -157,6 +157,32 @@ main {
     justify-content: center;
 }
 
+/* Meetup Times section*/
+#times {
+    background: url('../images/dublin-city.webp') no-repeat center/cover;
+    /* Handles responsivity without the need for a media query*/
+    display: flex;
+    flex-wrap: wrap;
+}
+
+#times div {
+    color: #fafafa;
+    background-color: rgb(0, 0, 0, .6);
+    padding: 15px;
+    text-align: center;
+    /* This will not wrap on screen of less than 400px wide.
+    Each div will expand to fill the available space on its row*/
+    flex-basis: 200px;
+    flex-grow: 1;
+    /* Creates a grid of meetup times div over the bg image */
+    border: 2px solid white;
+}
+
+#times h3 {
+    /* Override the heading color set in general styles*/
+    color: #fafafa;
+}
+
 /* Footer */
 #social-networks {
     text-align: center;