Index: trunk/www/sites/www/screenshots/index.php
===================================================================
--- trunk/www/sites/www/screenshots/index.php	(revision 1530096)
+++ trunk/www/sites/www/screenshots/index.php	(revision 1530097)
@@ -1,74 +1,76 @@
 <?php
     require('../aether/config.php');
 
     $pageConfig = array_merge($pageConfig, [
         'title' => "Screenshots"
     ]);
 
     require('../aether/header.php');
     $site_root = "../";
 ?>
 
 <style>
 figure {
     margin: 0px auto;
     text-align: center;
     border: 0px;
     /* background-color: #e8e8e8; */
     padding: 1ex;
+    max-width: 100%;
+    height: auto;
 }
 figure:hover {
     background-color: #c3c3c3
 }
 </style>
 
 <main class="container">
 
 <h1>Screenshots</h1>
 
 <p>At KDE we pride ourselves on creating beautiful software.</p>
 
 <h2>Plasma</h2>
 <p><a href="https://www.kde.org/announcements/plasma-5.14.0.php">Plasma</a> is our flagship computer desktop.</p>
 <figure>
 <a href="https://www.kde.org/announcements/plasma-5.14/plasma-5.14.png" data-toggle="lightbox">
 <img src="https://www.kde.org/announcements/plasma-5.14/plasma-5.14-wee.png" width="600" height="338" />
 </a>
 </figure> 
 
 <h2>Krita</h2>
 <p><a href="https://krita.org/en/">Krita</a> world class painting.</p>
 <figure>
 <a href="https://cdn.kde.org/screenshots/krita/2018-03-17_screenshot_005.png" data-toggle="lightbox">
 <img src="https://cdn.kde.org/screenshots/krita/2018-03-17_screenshot_005.png" width="600" height="" />
 </a>
 </figure> 
 
 <h2>KDE Connect</h2>
 <p><a href="https://community.kde.org/KDEConnect">KDE Connect</a> integrate your laptop and your phone.</p>
 <figure>
 <a href="https://cdn.kde.org/screenshots/kdeconnect/plasmoid.png" data-toggle="lightbox">
 <img src="https://cdn.kde.org/screenshots/kdeconnect/plasmoid.png" width="600" height="" />
 </a>
 </figure> 
 
 <h2>Kdenlive</h2>
 <p><a href="https://kdenlive.org/en/">Kdenlive</a> create home movies.</p>
 <figure>
 <a href="https://cdn.kde.org/screenshots/kdenlive/screenshot-monitors.png" data-toggle="lightbox">
 <img src="https://cdn.kde.org/screenshots/kdenlive/screenshot-monitors.png" width="600" height="" />
 </a>
 </figure> 
 
 <h2>GCompris</h2>
 <p><a href="https://gcompris.net/index-en.html">GCompris</a> makes learning fun.</p>
 <figure>
 <a href="https://cdn.kde.org/screenshots/gcompris/gcompris.png" data-toggle="lightbox">
 <img src="https://cdn.kde.org/screenshots/gcompris/gcompris.png" width="600" height="" />
 </a>
 </figure> 
 
 </main>
 <script src="/js/use-ekko-lightbox.js" defer></script>
 <?php
   require('../aether/footer.php');