working on new index view

themes/homebrewtheme/static/css/main.css

@@ -119,10 +119,13 @@ a {
 }
 
 #post-list {
-	padding-left:0px;
+	display: flex;
-	margin-top:0px;
+	flex-wrap: wrap;
 }
 
+.post-item {
+	max-width: 30%;
+}
 
 h1{
 	font-size:2.4rem;
@@ -153,11 +156,9 @@ h1, h2,h3 {
 	margin:0;
 }
 .hentry{
-	border-width: 1px;
+	background-color: #EAEAEA;
-	border-color: #EAEAEA;
+	padding:1.4em;
-	border-style: hidden hidden dashed hidden;
+	margin-bottom:1.4em;
-	padding-top:2em;
-	padding-bottom:2em;
 }
 
 .entry-title{

themes/homebrewtheme/templates/index.html

@@ -6,7 +6,7 @@
 
 <ol id="post-list">
 {% for article in articles_page.object_list %}
-        <ul><article class="hentry">
+        <ul class="post-item"><article class="hentry">
                 <header> 
                 	<div class="entry-title"><a href="{{ SITEURL }}/{{ article.url }}" rel="bookmark" title="Permalink to {{ article.title|striptags }}">{{ article.title }}</a></div>
                 </header>