wip: reviews section

3 files changed, 44 insertions, 10 deletions

diff --git a/img/lion_decorations.jpg b/img/lion_decorations.jpg
new file mode 100644
index 0000000..8bed554
--- /dev/null
+++ b/img/lion_decorations.jpg
diff --git a/index.html b/index.html
index da43f0e..79ad687 100644
--- a/index.html
+++ b/index.html
@@ -159,18 +159,28 @@
 
                 <div class="cell">
                     <h2>Customer reviews</h2>
-                    <div>
-                        <p>
-                        <q>Joanna is a talented resource maker!</q>
-                        <p>- Amanda Bobbinson</p>
+                    <div class="reviews_grid">
+                        <div>
+                            <img src="img/lion_decorations.jpg" alt="Photograph of three hand-made decorations presented in front of children's books written by author Helen Stephens."/>
+                        </div>
+                        <div>
+                            <q>
+                                I am more than delighted with my hand sewn tree decorations. They are beautifully made, look gorgeous on the Christmas tree, and are much admired by my visitors at Christmas. They are real treasures, a family heirloom to be passed to my daughter when she has her own tree.
+                            </q>
+                            <p>Helen Stephens, children's book author</p>
+                        </div>
+
 
-                        <hr class="divider">
-                        <p>
-                        <q>Joanna is a REALLY talented resource maker!</q>
-                        <p>- Teresa McEwan</p>
-                        </p>
+                        <div>
+                            <img src="img/lion_decorations.jpg" alt="Photograph of three hand-made decorations presented in front of children's books written by author Helen Stephens."/>
+                        </div>
+                        <div>
+                            <q>
+                                I am more than delighted with my hand sewn tree decorations. They are beautifully made, look gorgeous on the Christmas tree, and are much admired by my visitors at Christmas. They are real treasures, a family heirloom to be passed to my daughter when she has her own tree.
+                            </q>
+                            <p></p>
+                        </div>
 
-                        </p>
                     </div>
                 </div>
 
diff --git a/style.css b/style.css
index 0fd1132..9318f16 100644
--- a/style.css
+++ b/style.css
@@ -273,6 +273,30 @@ header {
     color: #657c76;
 }
 
+.reviews_grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+    margin: 22px 10px 10px 0px;
+}
+
+.reviews_img {
+    box-shadow: 2px 2px 2px lightgray;
+    border-radius: 5px;
+	margin-right: 20px;
+    max-width: 600px;
+    height: auto;
+}
+
+.reviews_grid > div > q {
+    font-size: 1.2rem;
+    color: darkgray;
+    padding-right: 30px;
+    padding-top: 20px;
+    padding-bottom:100px
+    text-align: end;
+}
+
 .footer {
     margin-left: auto;
     margin-right: auto;