rounded corners in photo-grid

static/css/style.css

@@ -14,6 +14,7 @@
 
 img {
     max-width: 100%;
+    max-height: 100%;
     vertical-align: middle;
 }
 
@@ -80,7 +81,8 @@ nav ul {
 }
 
 .photo-grid img {
-    max-height: 220px;
+    max-height: 200px;
+    border-radius: 5px;
 }
 
 .view-image {
@@ -180,8 +182,4 @@ textarea {
     main {
         grid-column: 2;
     }
-
-    .photo-grid {
-        justify-content: left;
-    }
 }

templates/base.html

@@ -5,9 +5,6 @@
     <title>{{ title }} | reinefjord</title>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <!--
-      <link rel="icon" href="{{ url_for('static', filename='images/favicon.ico') }}">
-    -->
 
     {% assets 'common_css' %}
     <link rel="stylesheet" href="{{ ASSET_URL }}">