Use more mobile friendly design for random images (no tables, just blocks that

can be line-breaked

boards/static/css/base.css

@@ -109,7 +109,7 b' textarea, input {'
     width: 100%;
 }
 
-.random-images-table > table {
+.random-images-table > div {
     margin-left: auto;
     margin-right: auto;
 }

boards/templates/boards/random.html

@@ -10,10 +10,8 b''
 
     {% if posts %}
         <div class="random-images-table">
-        <table>
-            <tr>
+            <div>
             {% for post in posts %}
-                <td>
                 <div class="gallery_image">
                 {% with post.get_first_image as image %}
                     {% autoescape off %}
@@ -22,14 +20,12 b''
                     <a href="{{ post.get_absolute_url }}">>>{{ post.id }}</a>
                 {% endwith %}
                 </div>
-                </td>
                 {% if forloop.counter|divisibleby:"3" %}
-                </tr>
-                <tr>
+                </div>
+                <div>
                 {% endif %}
             {% endfor %}
-            </tr>
-        </table>
+            </div>
         </div>
     {% endif %}