responsive video/image sizing
This commit is contained in:
parent
c2d753076d
commit
0c8dcac5a5
|
@ -54,10 +54,6 @@ a:hover {
|
||||||
color: #f83;
|
color: #f83;
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
|
||||||
max-width: 60%;
|
|
||||||
}
|
|
||||||
|
|
||||||
img.face {
|
img.face {
|
||||||
margin: 1em;
|
margin: 1em;
|
||||||
width: 10em;
|
width: 10em;
|
||||||
|
@ -144,3 +140,15 @@ button.big {
|
||||||
.tags {
|
.tags {
|
||||||
font-size: small;
|
font-size: small;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
img, video {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 768px) {
|
||||||
|
img, video {
|
||||||
|
max-width: 60%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue