Tweak brutstrap css further for mobile
This commit is contained in:
parent
58a18936e1
commit
0aac9cd826
|
@ -318,3 +318,36 @@ figure.level-item > video
|
||||||
max-height: 256px;
|
max-height: 256px;
|
||||||
max-width: 256px;
|
max-width: 256px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
.box {
|
||||||
|
max-width: 90%;
|
||||||
|
}
|
||||||
|
.media {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
.media-left {
|
||||||
|
float: left;
|
||||||
|
}
|
||||||
|
.media-content .content p {
|
||||||
|
clear: inline-end;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
@media screen and (min-width: 1024px) {
|
||||||
|
.navbar,
|
||||||
|
.navbar-menu,
|
||||||
|
.navbar-start,
|
||||||
|
.navbar-end {
|
||||||
|
align-items: stretch;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
.navbar-start {
|
||||||
|
justify-content: flex-start;
|
||||||
|
margin-right: auto;
|
||||||
|
}
|
||||||
|
.navbar-end {
|
||||||
|
justify-content: flex-end;
|
||||||
|
margin-left: auto;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
Loading…
Reference in New Issue