diff --git a/gallery/templates/gallery/about.html b/gallery/templates/gallery/about.html
index 12d7243..13eaecb 100644
--- a/gallery/templates/gallery/about.html
+++ b/gallery/templates/gallery/about.html
@@ -23,43 +23,47 @@
 
     {% gallery_stats as counts %}
 
-    <div class="uk-container uk-margin-top">
-        <div class="uk-card uk-card-default uk-card-hover uk-card-body uk-padding-small uk-text-center">
-            <h3 class="uk-card-title uk-text-bold">{{ site_config.about_title }}</h3>
-            
-            <img class="uk-border-circle uk-box-shadow-small uk-margin-small" 
+    <div class="uk-grid-small uk-grid-match" uk-grid>
+        <div class="uk-width-1-1">
+            <div class="uk-card uk-card-default uk-card-body uk-text-center">
+
+                <h3 class="uk-card-title">{{ site_config.about_title }}</h3>
+
+                <img class="uk-border-circle uk-box-shadow-small uk-margin-small" 
                 src="{% static site_config.about_profile_image %}" 
                 alt="Profile photo" width="120">
             
-            <p class="uk-text-muted uk-margin-small">
-                {{ site_config.about_description }}
-            </p>
+                <p class="uk-text-muted uk-margin-small">
+                    {{ site_config.about_description }}
+                </p>
 
-            <p class="uk-text-muted uk-margin-small">
-                Contact: 
-                <a href="mailto:{{ site_config.contact_email }}">
-                    {{ site_config.contact_email }}
-                </a>
-            </p>
+                <p class="uk-text-muted uk-margin-small">
+                    Contact: 
+                    <a href="mailto:{{ site_config.contact_email }}">
+                        {{ site_config.contact_email }}
+                    </a>
+                </p>
 
-            <div class="uk-flex uk-flex-center uk-child-width-auto uk-margin-small-top" uk-grid>
-                {% if site_config.bluesky_url %}
-                    <a href="{{ site_config.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a>
-                {% endif %}
-                {% if site_config.twitter_url %}
-                    <a href="{{ site_config.twitter_url }}" uk-icon="icon: twitter" uk-tooltip="Twitter"></a>
-                {% endif %}
-                {% if site_config.instagram_url %}
-                    <a href="{{ site_config.instagram_url }}" uk-icon="icon: instagram" uk-tooltip="Instagram"></a>
-                {% endif %}
-            </div>
+                <div class="uk-flex uk-flex-center uk-child-width-auto uk-margin-small-top" uk-grid>
+                    {% if site_config.bluesky_url %}
+                        <a href="{{ site_config.bluesky_url }}" uk-icon="icon: bluesky" uk-tooltip="Bluesky"></a>
+                    {% endif %}
+                    {% if site_config.twitter_url %}
+                        <a href="{{ site_config.twitter_url }}" uk-icon="icon: twitter" uk-tooltip="Twitter"></a>
+                    {% endif %}
+                    {% if site_config.instagram_url %}
+                        <a href="{{ site_config.instagram_url }}" uk-icon="icon: instagram" uk-tooltip="Instagram"></a>
+                    {% endif %}
+                </div>
 
-            <hr class="uk-divider-icon">
+                <hr class="uk-divider-icon">
+
+                <div class="uk-text-small uk-text-muted">
+                    <p>
+                        <strong>{{ counts.0 }}</strong> <a href="{% url 'gallery:albums_url' %}">Albums</a> (public {{ counts.1 }}), 
+                        <strong>{{ counts.2 }}</strong> <a href="{% url 'gallery:photos_url' %}">Photos</a></p>
+                </div>
 
-            <div class="uk-text-small uk-text-muted">
-                <p>
-                    <strong>{{ counts.0 }}</strong> <a href="{% url 'gallery:albums_url' %}">Albums</a> (public {{ counts.1 }}), 
-                    <strong>{{ counts.2 }}</strong> <a href="{% url 'gallery:photos_url' %}">Photos</a></p>
             </div>
         </div>
     </div>
diff --git a/gallery/templates/gallery/photo_detail.html b/gallery/templates/gallery/photo_detail.html
index a3def8b..c15bca2 100644
--- a/gallery/templates/gallery/photo_detail.html
+++ b/gallery/templates/gallery/photo_detail.html
@@ -56,86 +56,91 @@
     </div>
 
 
-    <div class="uk-align-center uk-container-large uk-padding-medium">
+    <div class="uk-child-width-1-2@m uk-grid-small uk-grid-match" uk-grid>
 
-        <ul uk-accordion>
-            <li class="uk-open">
-                <a class="uk-accordion-title" href>Photo info</a>
-                <div class="uk-accordion-content">
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Album name</div>
-                        <div><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Photo id</div>
-                        <div uk-lightbox>
-                            <a href="{{ photo.photo_bg.url }}">{{ photo.slug }}</a>
-                        </div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Photo Taken</div>
-                        <div>{{ photo.taken_at|date:"d.m.Y H:i"  }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Views</div>
-                        <div>{{ photo.views }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Likes</div>
-                        <div>{{ photo.likes }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Download photo</div>
-                        <div><a href="{{ photo.photo.url }}">{{ photo.width }}x{{ photo.height }}</a></div>
+        <div>
+            <div class="uk-card uk-card-default uk-card-body">
+                <h3 class="uk-card-title">Photo Info</h3>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Album name</div>
+                    <div><a href="{{ photo.album.get_absolute_url }}">{{ photo.album.name }}</a></div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Photo id</div>
+                    <div uk-lightbox>
+                        <a href="{{ photo.photo_bg.url }}">{{ photo.slug }}</a>
                     </div>
                 </div>
-            </li>
-            <li>
-                <a class="uk-accordion-title" href>Exif data</a>
-                <div class="uk-accordion-content">
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Camera</div>
-                        <div>{{ photo.exif.Model }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Lens</div>
-                        <div>{{ photo.exif.LensModel }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Shutter Speed</div>
-                        <div>{{ photo.exif.ExposureTime|exif_exposuretime }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Aperture</div>
-                        <div>{{ photo.exif.FNumber|exif_fnumber }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>ISO</div>
-                        <div>{{ photo.exif.ISOSpeedRatings|exif_isospeedratings }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Focal Length</div>
-                        <div>{{ photo.exif.FocalLength|exif_focallength}}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Focal Length in 35mm</div>
-                        <div>{{ photo.exif.FocalLengthIn35mmFilm|exif_focallength }}</div>
-                    </div>
-                    <div class="uk-grid-small" uk-grid>
-                        <div class="uk-width-expand" uk-leader>Keywords</div>
-                        <div>{{ photo.exif.Keywords|exif_keywords }}</div>
-                    </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Photo Taken</div>
+                    <div>{{ photo.taken_at|date:"d.m.Y H:i"  }}</div>
                 </div>
-            </li>
-        </ul>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Views</div>
+                    <div>{{ photo.views }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Likes</div>
+                    <div>{{ photo.likes }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Download photo</div>
+                    <div><a href="{{ photo.photo.url }}">{{ photo.width }}x{{ photo.height }}</a></div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                <form action="{% url 'gallery:photo_url' photo.album.slug photo.slug %}" method="POST" class="uk-form">
+                    {% csrf_token %}
+                    <button type="submit" name="like" value="true" class="uk-button uk-button-primary">
+                        <span uk-icon="icon: heart"></span> Like
+                    </button>
+                </form>
+                </div>
+            </div>
+        </div>
+
+
+        <div>
+            <div class="uk-card uk-card-default uk-card-body">
+                <h3 class="uk-card-title">Exif</h3>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Camera</div>
+                    <div>{{ photo.exif.Model }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Lens</div>
+                    <div>{{ photo.exif.LensModel }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Shutter Speed</div>
+                    <div>{{ photo.exif.ExposureTime|exif_exposuretime }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Aperture</div>
+                    <div>{{ photo.exif.FNumber|exif_fnumber }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>ISO</div>
+                    <div>{{ photo.exif.ISOSpeedRatings|exif_isospeedratings }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Focal Length</div>
+                    <div>{{ photo.exif.FocalLength|exif_focallength}}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Focal Length in 35mm</div>
+                    <div>{{ photo.exif.FocalLengthIn35mmFilm|exif_focallength }}</div>
+                </div>
+                <div class="uk-grid-small" uk-grid>
+                    <div class="uk-width-expand" uk-leader>Keywords</div>
+                    <div>{{ photo.exif.Keywords|exif_keywords }}</div>
+                </div>
+            </div>
+        </div>
+
+
+
 
 
-            <form action="{% url 'gallery:photo_url' photo.album.slug photo.slug %}" method="POST" class="uk-form">
-                {% csrf_token %}
-                <button type="submit" name="like" value="true" class="uk-button uk-button-primary">
-                    <span uk-icon="icon: heart"></span> Like
-                </button>
-            </form>
 
      </div>