fix mobile layout

1 files changed, 6 insertions, 3 deletions

diff --git a/buttons.html b/buttons.html
index f37747d..ba69ce4 100644
--- a/buttons.html
+++ b/buttons.html
@@ -29,9 +29,12 @@
         {{ .zs/components/nav }}
         <main>
             <div>
-                <p>Here's my button (no hotlinking please):
-                <img src="/assets/button.png" alt="An 88x31 button. It contains a slanted triangle, representing a Greek capital delta. On the right are 5 thin lines, red, orange, yellow, green and blue respectively, filling the rest of the space">
-                </p>
+                <div id="my_button">
+                    Here's my button (no hotlinking please):
+                    <div>
+                        <img src="/assets/button.png" alt="An 88x31 button. It contains a slanted triangle, representing a Greek capital delta. On the right are 5 thin lines, red, orange, yellow, green and blue respectively, filling the rest of the space">
+                    </div>
+                </div>
                 <div id="buttons">{{ .zs/components/buttons }}</div>
             </div>
         </main>