Merge pull request #33 from Lullabot/26--layout-issue

fix layout issue
Lullabot · Jul 17, 2024 · ab0fa68 · ab0fa68
2 parents 75e4619 + 778892d
commit ab0fa68
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/_includes/chapter.liquid b/src/_includes/chapter.liquid
@@ -23,15 +23,15 @@ layout: layout
       <p class="ebook-chapter-title">{{ title }} </p>
     </div>
     <div class="ebook-copy">
-      <p class="copy-paragraph">{{ content }}</p>
+      <div class="copy-paragraph">{{ content }}</div>
     </div>
   </div>
-  <div class="ebook-image">
-    {% if image %}
+  {% if image %}
+    <div class="ebook-image">
       {% assign currentBookSlug = page.filePathStem | split: "/" | slice: 2, 1 | join: "" %}
-      <img src="/ebooks/{{ currentBookSlug }}/images/{{ image }}" alt="{{ title }}">
-    {% endif %}
-  </div>
+      <img src="/ebooks/{{ currentBookSlug }}/images/{{ image }}" alt="{{ title }}">  
+    </div>
+  {% endif %}
 </div>
 
 <div class="nav-container">

diff --git a/src/sass/styles.scss b/src/sass/styles.scss
@@ -286,8 +286,9 @@ p {
       font-weight: bold;
     }
     .copy-paragraph {
-      font-size: 1.25em;
+      font-size: 20px;
       line-height: 2;
+      padding: 0;
     }
   }