M sass/main.scss => sass/main.scss +7 -2
@@ 8,7 8,7 @@ body {
display: flex;
flex-direction: column;
align-items: flex-start;
- max-width: 900px;
+ max-width: 920px;
margin: 0 auto;
padding: 0 1rem;
}
@@ 45,11 45,16 @@ hr {
width: 100%;
}
-.date {
+time {
color: #c7c7c7;
margin: 0.5rem 0;
}
+article {
+ line-height: 1.3;
+ max-width: 720px;
+}
+
.prompt {
font-family: $font-mono;
font-weight: 500;
M templates/base.html => templates/base.html +1 -1
@@ 38,4 38,4 @@
</footer>
</body>
-</html>>
\ No newline at end of file
+</html>
M templates/blog_post.html => templates/blog_post.html +2 -2
@@ 3,8 3,8 @@
{% block content %}
<h1>{{ page.title }}</h1>
-<p class="date">Post published: {{ page.date }}</p>
+<time datetime="{{ page.date }}">Post published: {{ page.date }}</time>
<article>
{{ page.content | safe }}
</article>
-{% endblock content %}>
\ No newline at end of file
+{% endblock content %}