diff --git a/src/_layouts/default.html b/src/_layouts/default.html
index 4fd7af6..79a4343 100644
--- a/src/_layouts/default.html
+++ b/src/_layouts/default.html
@@ -14,6 +14,11 @@
     <link rel="canonical" href="{{ site.url }}{{ page.url | replace: '.html', '' }}" />
     <link rel="stylesheet" href="/assets/css/default_compiled.css">
     <link rel="stylesheet" href="/assets/css/highlight/vs.css">
+    {% if page.custom_css %}
+    <!--noformat-->
+    <style>{{ page.custom_css }}</style>
+    <!--noformat-->
+    {% endif %}
 </head>
 
 <body>
@@ -61,7 +66,7 @@
         <div class="page-title">
             <h1>{{ page.title }}</h1>
             {% if page.description %}
-             <span>{{ page.description }}</span>
+            <span>{{ page.description }}</span>
             {% endif %}
         </div>
         {% endif %}
diff --git a/src/_sass/default.scss b/src/_sass/default.scss
index ea00cb1..7256db0 100644
--- a/src/_sass/default.scss
+++ b/src/_sass/default.scss
@@ -4,6 +4,7 @@ body {
   // Keep websites thin!
   max-width: 800px;
   margin: auto;
+  padding: 0 1em;
 
   // Default font
   font-family: $body-font;
@@ -113,7 +114,7 @@ body {
 
     p,
     li {
-      // font-size: 1.25rem;
+      font-size: 1.1rem;
     }
 
     p {
diff --git a/src/blog.html b/src/blog.html
index 69e8285..d66b97c 100644
--- a/src/blog.html
+++ b/src/blog.html
@@ -12,7 +12,7 @@ title: Blog
 <ul>
     {% for post in group.items %}
     <li>
-        <span>{{ post.date | date: "%Y-%m-%d" }}:</span>
+        <span style="color: gray;">{{ post.date | date: "%Y-%m-%d" }}:</span>
         <a href="{{ post.url }}">{{ post.title }}</a>
     </li>
     {% endfor %}
diff --git a/src/photography.html b/src/photography.html
index 3649c0f..a8ee373 100644
--- a/src/photography.html
+++ b/src/photography.html
@@ -1,12 +1,31 @@
 ---
 layout: default
 title: Photography
+custom_css: |
+    .photo-feed {
+        display: flex;
+        flex-direction: row;
+        flex-wrap: wrap;
+        justify-content: space-evenly;
+        align-items: center;
+    }
+
+    .photo-feed-entry {
+        margin: 1em;
+        max-width: calc(max(45%, 300px));
+    }
+
+    @media screen and (max-width: calc(((300px + 2em) * 2) + 2em)) {
+        .photo-feed-entry {
+            max-width: calc(100% - 2em);
+        }
+    }
 ---
 
 <div class="photo-feed">
     {% assign photos_sorted = site.photos | sort: "date" | reverse %}
     {% for photo in photos_sorted %}
-    <div class="photo-feed-entry" style="margin-bottom: 1em;">
+    <div class="photo-feed-entry">
         <a href="{{ photo.url }}">
             <img src="/assets/photography/{{ photo.file }}" alt="A photo titled: {{ photo.title }}" style="width: 100%;">
         </a>
