more style changes

she-code-africa · Jul 17, 2021 · 75edb75 · 75edb75
1 parent 5f4519f
commit 75edb75
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/src/components/subscribe.js b/src/components/subscribe.js
@@ -29,7 +29,7 @@ class Subscribe extends Component {
                                             <Form.Control placeholder="Email Address" />
                                         </Col>
                                         <Col >
-                                            <Button className="sub-button" type="submit">SUBSCRIBE</Button>
+                                            <Button className="sub-button xbs" type="submit">SUBSCRIBE</Button>
                                         </Col>
                                     </Form.Row>
                                 </Form>

diff --git a/src/styles/components/subscribe.css b/src/styles/components/subscribe.css
@@ -70,3 +70,9 @@ form {
         margin: 1rem 4rem 2rem;
     }
 }
+
+@media (max-width: 575px) {
+    .xbs {
+        margin-top: 10px;
+    }
+}
diff --git a/src/styles/views/event.css b/src/styles/views/event.css
@@ -1,3 +1,7 @@
+.events {
+    margin-bottom: 35px;
+}
+
 .header-img {
     height: 30px;
     width: 30px;

diff --git a/src/views/events/event.js b/src/views/events/event.js
@@ -56,7 +56,7 @@ function Events() {
                         </Form.Row>
                     </Form>
                 </div>
-                <div className="row">
+                <div className="row events">
                     {eventCards}
                 </div>
                 <Subscribe />