adamf/web_server
1
1
Fork 0
Code Issues 5 Pull Requests Actions Packages Projects Releases Wiki Activity

new layout

Browse Source
This commit is contained in:
Adam French
2025-11-23 23:53:03 +00:00
parent a171873e08
commit 8e37192f49
1 changed files with 6 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
html/css/styles.css
View File

@@ -13,15 +13,15 @@ body {
} }
main { main {
width: 210mm; /* A4 width */ width: 148mm; /* A5 width */
height: 297mm; /* A4 height */ height: 210mm; /* A5 height */
max-width: 100%; /* make it responsive on small screens */ max-width: 100%; /* responsive on smaller screens */
margin: 20px auto; /* center horizontally with some margin */ margin: 20px auto; /* center horizontally with some spacing */
padding: 20px; padding: 20px;
background: white; /* paper color */ background: white; /* paper color */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* subtle paper shadow */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* subtle paper shadow */
overflow-y: auto; /* vertical scroll if content exceeds height */ overflow-y: auto; /* scroll vertically if content overflows */
border: 1px solid #ccc; /* optional border like a sheet of paper */ border: 1px solid #ccc; /* optional border for realism */
box-sizing: border-box; /* include padding in size */ box-sizing: border-box; /* include padding in size */
font-family: "Times New Roman", serif; /* optional paper-like font */ font-family: "Times New Roman", serif; /* optional paper-like font */
} }