tweak responsive css to center previews better
This commit is contained in:
@@ -1,4 +1,4 @@
|
|||||||
@import "000_vars.scss";
|
@import "../common/000_vars.scss";
|
||||||
|
|
||||||
#desktop-version-link {
|
#desktop-version-link {
|
||||||
display: none;
|
display: none;
|
||||||
@@ -14,6 +14,7 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
div#page {
|
div#page {
|
||||||
|
padding: 0 2px;
|
||||||
> div /* div#c-$controller */ {
|
> div /* div#c-$controller */ {
|
||||||
> div /* div#a-$action */ {
|
> div /* div#a-$action */ {
|
||||||
display: flex;
|
display: flex;
|
||||||
@@ -88,13 +89,13 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
article.post-preview {
|
article.post-preview {
|
||||||
margin: 15px 0;
|
margin: 0 0 10px 0;
|
||||||
width: 150px;
|
width: 48vw;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
vertical-align: middle;
|
vertical-align: middle;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
a {
|
a {
|
||||||
width: 150px;
|
width: 48vw;
|
||||||
display: block;
|
display: block;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user