From 8e37192f49b704d6ddb864595bca01ed23472fe8 Mon Sep 17 00:00:00 2001 From: Adam French Date: Sun, 23 Nov 2025 23:53:03 +0000 Subject: [PATCH] new layout --- html/css/styles.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/html/css/styles.css b/html/css/styles.css index bd71171..4dc4c0d 100644 --- a/html/css/styles.css +++ b/html/css/styles.css @@ -13,15 +13,15 @@ body { } main { - width: 210mm; /* A4 width */ - height: 297mm; /* A4 height */ - max-width: 100%; /* make it responsive on small screens */ - margin: 20px auto; /* center horizontally with some margin */ + width: 148mm; /* A5 width */ + height: 210mm; /* A5 height */ + max-width: 100%; /* responsive on smaller screens */ + margin: 20px auto; /* center horizontally with some spacing */ padding: 20px; background: white; /* paper color */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* subtle paper shadow */ - overflow-y: auto; /* vertical scroll if content exceeds height */ - border: 1px solid #ccc; /* optional border like a sheet of paper */ + overflow-y: auto; /* scroll vertically if content overflows */ + border: 1px solid #ccc; /* optional border for realism */ box-sizing: border-box; /* include padding in size */ font-family: "Times New Roman", serif; /* optional paper-like font */ }