changeset 115:efd330aa27f3

better aspect ratio
author Henry S. Thompson <ht@markup.co.uk>
date Mon, 29 Dec 2025 14:08:35 +0000
parents 5b755442ed2c
children f8aedfebd3cb
files cc_2025/cc_2025.xml
diffstat 1 files changed, 7 insertions(+), 6 deletions(-) [+]
line wrap: on
line diff
--- a/cc_2025/cc_2025.xml	Mon Dec 29 13:49:00 2025 +0000
+++ b/cc_2025/cc_2025.xml	Mon Dec 29 14:08:35 2025 +0000
@@ -18,6 +18,7 @@
             display: flex;
             flex-direction: row;
             flex-wrap: wrap;
+   
         }
         .large {
             width: 400px;
@@ -27,6 +28,9 @@
             width: 200px;
             height: 200px;
         }
+        .container img {
+           object-fit: scale-down ;
+        }
   </style>
  </head>
  <body>
@@ -125,17 +129,14 @@
 <x:img class="llspace V" src="2025pics/patrick_J_A.jpg" title="what, where, 2025-10-05"/><!-- 1600x1200 -->
 <x:img class="llspace V" src="2025pics/smarties.jpg" title="what, where, 2025-10-26"/><!-- 1152x2048 -->
 <x:img class="llspace V" src="2025pics/magic_flute.jpg" title="what, where, 2025-10-28"/><!-- 1200x1600 -->
-<x:img class="llspace V" src="2025pics/Boland_wreath.jpg" title="what, where, 2025-12-24"/><!-- 1536x2048 -->
-<x:img class="llspace V" src="2025pics/Edinburgh_tree.jpg" title="what, where, 2025-12-24"/><!-- 1536x2048 -->
-<x:img class="llspace V" src="2025pics/Edinburgh_wreath.jpg" title="what, where, 2025-12-24"/><!-- 1200x1600 -->
 <x:img class="llspace V" src="2025pics/HP_tree.jpg" title="what, where, 2025-12-26"/><!-- 739x1600 -->
-<x:img class="llspace V" src="2025pics/seattle_tree.jpg" title="what, where, 2025-12-26"/><!-- 1536x2048 -->
 </div>
    <p class="intro">Christmas greenery, December 2025</p>
    <div class="container">
-   <x:img class="V" src="2025pics/Boland_wreath.jpg" title="Emma's wreath, cambridge 2024-12-08"/>
+   <x:img class="V" src="2025pics/Boland_wreath.jpg" title="Bolands' wreath, cambridge 2024-12-08"/>
    <x:img class="llspace V" src="2025pics/Edinburgh_tree.jpg" title="Cath &amp; Henry's tree, Edinburgh 2024-12-25"/>
-   <x:img class="llspace V" src="2025pics/seattle_tree.jpg" title="James's tree, Seattle 2024-12-25" width="1536px"/>
+<x:img class="llspace V" src="2025pics/Edinburgh_wreath.jpg" title="Cath's wreath, Edinburgh, 2025-12-24" width="1536px"/><!-- 1200x1600 -->
+   <x:img class="llspace V" src="2025pics/seattle_tree.jpg" title="James's house with tree, housemates, presents, Seattle 2024-12-25"/>
    </div>
   </div>
  </body>