From a371146e2f03f894f82faf1502ff5caaf5074568 Mon Sep 17 00:00:00 2001
From: Zach <zach@zipcodes-MacBook-Pro-6.local>
Date: Wed, 25 Aug 2021 21:25:16 -0400
Subject: [PATCH 1/2] Added placeholder image to have element floating to the
 right

---
 src/app/app.component.html                        | 4 ++--
 src/app/components/contact/contact.component.css  | 8 ++++++++
 src/app/components/contact/contact.component.html | 4 +++-
 3 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 522f146..65987d4 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -3,6 +3,6 @@
   <div>{{recipe.ingredients}}</div>
   <div>{{recipe.instructions}}</div>
 </div> -->
-<app-login></app-login>
-<!-- <app-contact></app-contact> -->
+<!-- <app-login></app-login> -->
+<app-contact></app-contact>
 <!-- <app-about></app-about> -->
diff --git a/src/app/components/contact/contact.component.css b/src/app/components/contact/contact.component.css
index e69de29..053710e 100644
--- a/src/app/components/contact/contact.component.css
+++ b/src/app/components/contact/contact.component.css
@@ -0,0 +1,8 @@
+img {
+    /* display: inline-block; */
+    float: right;
+}
+
+.contactForm {
+    display: inline-block;
+}
\ No newline at end of file
diff --git a/src/app/components/contact/contact.component.html b/src/app/components/contact/contact.component.html
index c1c1732..892f0f6 100644
--- a/src/app/components/contact/contact.component.html
+++ b/src/app/components/contact/contact.component.html
@@ -1,7 +1,8 @@
 <div class="contactHeader">
     Contact us
 </div>
-<div class="loginForm">
+<br>
+<div class="contactForm">
     <form >
       <label for="uname">Name</label><br>
       <input type="text" name="username"><br><br>
@@ -12,4 +13,5 @@
       <input type="submit" value="Submit">
     </form>
     </div>
+    <img src="https://www.vhv.rs/dpng/d/489-4896249_lime-slice-png-png-download-lime-slice-transparent.png">
 

From 68b13344e73c946c828f460ad3b131941328fee7 Mon Sep 17 00:00:00 2001
From: Zach <zach@zipcodes-MacBook-Pro-6.local>
Date: Wed, 25 Aug 2021 21:29:12 -0400
Subject: [PATCH 2/2] Wrapped img tag in div tag with class to allow for
 individual css settings

---
 src/app/components/contact/contact.component.css  | 2 +-
 src/app/components/contact/contact.component.html | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/components/contact/contact.component.css b/src/app/components/contact/contact.component.css
index 053710e..4c88415 100644
--- a/src/app/components/contact/contact.component.css
+++ b/src/app/components/contact/contact.component.css
@@ -1,4 +1,4 @@
-img {
+.rightSide {
     /* display: inline-block; */
     float: right;
 }
diff --git a/src/app/components/contact/contact.component.html b/src/app/components/contact/contact.component.html
index 892f0f6..b1b2af6 100644
--- a/src/app/components/contact/contact.component.html
+++ b/src/app/components/contact/contact.component.html
@@ -13,5 +13,7 @@
       <input type="submit" value="Submit">
     </form>
     </div>
+    <div class="rightSide">
     <img src="https://www.vhv.rs/dpng/d/489-4896249_lime-slice-png-png-download-lime-slice-transparent.png">
+</div>