Better scope images in sections.
This commit is contained in:
parent
70a6e5ecd8
commit
e38ae21c80
@ -11,15 +11,6 @@ html, body {
|
|||||||
body * {
|
body * {
|
||||||
/*outline: 1px solid rgba(255, 0, 0, 0.5);/**/
|
/*outline: 1px solid rgba(255, 0, 0, 0.5);/**/
|
||||||
}
|
}
|
||||||
img, video {
|
|
||||||
margin: 1ex 2%;
|
|
||||||
width: 96%;
|
|
||||||
|
|
||||||
border-radius: 4px;
|
|
||||||
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
|
||||||
object-fit: contain;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
h1 {
|
h1 {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
|
||||||
@ -36,6 +27,7 @@ h2 {
|
|||||||
|
|
||||||
img {
|
img {
|
||||||
display: block;
|
display: block;
|
||||||
|
width: auto;
|
||||||
height: 5em;
|
height: 5em;
|
||||||
margin: auto;
|
margin: auto;
|
||||||
padding: 0 1ex;
|
padding: 0 1ex;
|
||||||
@ -185,6 +177,16 @@ section {
|
|||||||
|
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
|
||||||
|
img, video {
|
||||||
|
margin: 1ex 2%;
|
||||||
|
width: 96%;
|
||||||
|
|
||||||
|
border-radius: 4px;
|
||||||
|
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
|
||||||
|
object-fit: contain;
|
||||||
|
box-sizing: border-box;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 1024px) {
|
@media screen and (min-width: 1024px) {
|
||||||
padding: 2em 100px;
|
padding: 2em 100px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user