[CHORE] Make the main page images bigger on mobile (hedyorg#3897)

**How to test** Use responsive design mode in Safari to set the screen width to an iPhone 8.
JeremyVriens · Jan 2, 2023 · 3f91449 · 3f91449
1 parent 9fcd735
commit 3f91449
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/static/css/generated.css b/static/css/generated.css
diff --git a/templates/main-page.html b/templates/main-page.html
@@ -14,7 +14,7 @@ <h2 class="py-0 my-0 font-sans font-light text-black tracking-wide">{{_('main_su
             </div>
             {# image for small screens #}
             <div class="md:hidden flex-none">
-                <img class="drop-shadow-lg" src="images/hero-graphic.png">
+                <img src="images/hero-graphic.png">
             </div>
         </div>
     </div>
@@ -29,7 +29,7 @@ <h2 class="font-bold">{{ section['title'] }}</h2>
                 </div>
             {% elif section['style'] == 'pane-with-image-left' %}
                 <div class="copy-container-wide px-4 md:px-16 flex flex-col items-center md:flex-row justify-between gap-6">
-                    <img src="{{static(section['image'])}}" class="w-2/5">
+                    <img src="{{static(section['image'])}}" class="w-4/5 md:w-2/5">
                     <div class="column-pane px-8 py-4 md:w-3/5">
                         <h3>{{ section['title'] }}</h3>
                         <p>{{ section['text']|commonmark }}</p>
@@ -41,7 +41,7 @@ <h3>{{ section['title'] }}</h3>
                         <h3>{{ section['title'] }}</h3>
                         <p>{{ section['text']|commonmark }}</p>
                     </div>
-                    <img src="{{static(section['image'])}}" class="w-2/5">
+                    <img src="{{static(section['image'])}}" class="w-4/5 md:w-2/5">
                 </div>
             {% elif section['style'] == 'columns' %}
                 <div class="copy-container columns px-4 md:px-16 flex flex-col md:flex-row justify-between gap-6">