diff --git a/assets/section-contact-form.css b/assets/section-contact-form.css
index 5470c62..cae38e8 100644
--- a/assets/section-contact-form.css
+++ b/assets/section-contact-form.css
@@ -18,6 +18,12 @@
.contact .field {
margin-bottom: 2rem;
}
+
+ .contact__fields {
+ display: grid;
+ grid-template-columns: repeat(2, 1fr);
+ grid-column-gap: 2rem;
+ }
}
/*
.contact__button {
@@ -35,10 +41,15 @@
}
} */
+#shx-contact-form-contact-us-send {
+ width: 150px;
+ height: 150px;
+ margin: 0 auto;
+}
+
@media screen and (min-width: 750px) {
- .contact__fields {
- display: grid;
- grid-template-columns: repeat(2, 1fr);
- grid-column-gap: 2rem;
+ #shx-contact-form-contact-us-send {
+ width: 250px;
+ height: 250px;
}
}
diff --git a/sections/contact-form.liquid b/sections/contact-form.liquid
index 442e200..32cccb5 100644
--- a/sections/contact-form.liquid
+++ b/sections/contact-form.liquid
@@ -33,19 +33,21 @@
-%}
{%- form 'contact', id: 'ContactForm', class: contact_form_class -%}
{%- if form.posted_successfully? -%}
+