From 26b2965dd38e78f9f21ae23c8139b142aef29e39 Mon Sep 17 00:00:00 2001
From: Nathan Steel <aney.login+rpi3@gmail.com>
Date: Thu, 8 Dec 2022 11:29:08 -0500
Subject: [PATCH] Add additional wrapping for <320px displays

Prevent right scrolling on <320px by adding wrap, and image resizing
---
 main.css | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/main.css b/main.css
index 20764aa..9a375c4 100644
--- a/main.css
+++ b/main.css
@@ -66,6 +66,7 @@ footer p{margin:0}
 
 table{text-align:left;width:100%;
 border-collapse:collapse;
+overflow-wrap:normal;
 margin:24px 0}
 td,th{border:1px solid #CCC;padding:9px 6px}
 th{padding:12px}
@@ -114,6 +115,8 @@ transition:transform 300ms cubic-bezier(.4,1,.5,1)}
  #burger-toggle~nav{display:block}
  .burger-container{display:none}
  header h1{margin-right:auto}
+ body{overflow-wrap:anywhere}
+ img{width:100%;height:auto}
 }
 @media(prefers-color-scheme:dark){
  body{color:#CCC;background:#101}