Release/0.9.2

README.rst

@@ -6,3 +6,5 @@ This repo contains `Bootstrap`_ templates for the Django blog
 training project. Bootstrap ver. 5.2.3 is used within this sub-project.
 
 .. _Bootstrap: https://getbootstrap.com
+
+Live preview available at: https://edu-python-course.github.io/blog-bootstrap/

css/blog.css

@@ -99,4 +99,34 @@
   width: 5rem;
 }
 
-/*# sourceMappingURL=blog.css.map */
+.avatar {
+  max-height: 10rem;
+  max-width: 10rem;
+}
+
+.profile-image {
+  max-height: 400px;
+  max-width: 400px;
+}
+
+.blogpost-comment {
+  margin-bottom: 0.75rem;
+}
+.blogpost-comment .avatar {
+  max-height: 7rem;
+  max-width: 7rem;
+}
+.blogpost-comment div strong {
+  margin-bottom: 0.5rem;
+}
+.blogpost-comment div div {
+  margin-bottom: 0.5rem;
+}
+.blogpost-comment .bi-calendar {
+  margin-right: 0.5rem;
+}
+
+.profile-action {
+  display: block;
+  width: 100%;
+}

css/blog.scss

@@ -94,6 +94,7 @@
     border-bottom-right-radius: 1rem;
   }
 }
+
 .form-auth.form-signup {
   #confirmPassword {
     border-bottom-left-radius: 1rem;
@@ -103,8 +104,42 @@
 
 .blog-pagination {
   margin-bottom: 2rem;
-  .btn {
-    margin-left: 1rem;
-    width: 5rem;
+
+}
+
+.avatar {
+  max-height: 10rem;
+  max-width: 10rem;
+}
+
+.profile-image {
+  max-height: 400px;
+  max-width: 400px;
+}
+
+.blogpost-comment {
+  margin-bottom: 0.75rem;
+
+  .avatar {
+    max-height: 7rem;
+    max-width: 7rem;
   }
-}
+
+  div {
+    strong {
+      margin-bottom: 0.5rem;
+    }
+
+    div {
+      margin-bottom: 0.5rem;
+    }
+  }
+
+  .bi-calendar {
+    margin-right: 0.5rem;
+  }
+}
+
+.profile-action {
+  display: block;
+  width: 100%;