Commit 6fe53396 authored by Milan's avatar Milan

refactor .content and add some rules to enhance responsiveness

parent 51b352fe
......@@ -78,14 +78,3 @@ h6 {
flex: 0 0 auto;
width: 20%;
}
.content {
flex: 1 1 auto;
min-width: 400px;
max-width: 800px;
margin: 0 auto;
margin-bottom: 1em;
-webkit-animation-duration: .6s;
animation-duration: .6s;
animation-name: jumpin;
}
......@@ -14,3 +14,23 @@ blockquote > p {
.postfooter {
padding-bottom: 1.5em;
}
.content {
flex: 1 1 auto;
min-width: 400px;
max-width: 800px;
margin: 0 auto;
margin-bottom: 1em;
-webkit-animation-duration: .6s;
animation-duration: .6s;
animation-name: jumpin;
}
@media handheld,only screen and (max-width:640px) {
.content {
width: 24%;
min-width: unset;
max-width: 100%;
font-size: 1.4em;
}
}
......@@ -31,6 +31,15 @@ img.avatar.preview:active {
max-width: unset;
}
@media handheld,only screen and (max-width:640px) {
.tilecontent img.preview {
display: block;
width: 85%;
height: unset;
margin: 0 auto;
}
}
.tinypreview img.preview {
object-fit: cover;
width: 234px;
......
......@@ -46,6 +46,12 @@
padding-right: 1em;
}
@media handheld,only screen and (max-width:640px) {
.tilecontent {
display: block;
}
}
.tinytile {
display: inline-flex;
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment