fix: images and other media doesn't get scaled 100% width

1 files changed, 25 insertions, 3 deletions

diff --git a/static/css/main.css b/static/css/main.css
index 7cd7d52..c0f2453 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -34,9 +34,19 @@ hr {
     padding: 0
 }
 
-audio,canvas,img,video {
-    width: 100%;
-    vertical-align: middle
+img {
+	margin: 10px auto 10px auto;
+	max-width: 100%;
+	display: block;
+}
+
+a img {
+	border:none;
+}
+
+figure {
+	margin: 0;
+	text-align: center;
 }
 
 fieldset {
@@ -110,6 +120,18 @@ h6 {
     font-size: .9rem
 }
 
+.align-center {
+	text-align: center;
+}
+
+.align-left {
+	text-align: left;
+}
+
+.align-right {
+	text-align: right;
+}
+
 .container {
     max-width: 800px
 }