Add additional wrapping for <320px displays

Prevent right scrolling on <320px by adding wrap, and image resizing

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}