figures and media queries
This commit is contained in:
parent
b91e540761
commit
dd1c65af7f
@ -72,7 +72,11 @@ article h6 {
|
|||||||
font-size: 100%
|
font-size: 100%
|
||||||
}
|
}
|
||||||
|
|
||||||
img {
|
figure {
|
||||||
|
margin: 40px 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
img,figcaption {
|
||||||
margin: 10px auto;
|
margin: 10px auto;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
max-width: 600px;
|
max-width: 600px;
|
||||||
@ -81,6 +85,14 @@ img {
|
|||||||
display: block
|
display: block
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width:500px) {
|
||||||
|
img,figcaption {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
hr {
|
hr {
|
||||||
border: none;
|
border: none;
|
||||||
border-top: 1px dashed $border;
|
border-top: 1px dashed $border;
|
||||||
|
@ -64,7 +64,14 @@ maintenance costs.
|
|||||||
To sum up, the "modern" languages optimize for initial development experience,
|
To sum up, the "modern" languages optimize for initial development experience,
|
||||||
not maintenance. And as [Corbet says][linux-rust]. "We can't understand why
|
not maintenance. And as [Corbet says][linux-rust]. "We can't understand why
|
||||||
Kids These Days just don't want to live that way". Kids want to build, John,
|
Kids These Days just don't want to live that way". Kids want to build, John,
|
||||||
not maintain.
|
not maintain. This house is in desperate need of maintenance, but my son
|
||||||
|
refuses to do so, and builds a new car instead.
|
||||||
|
|
||||||
|
{{<figure src="https://dl.jakstys.lt/mtpad/house.jpg"
|
||||||
|
alt="House of Duplo pieces"
|
||||||
|
caption="House of Duplo pieces"
|
||||||
|
width="50%"
|
||||||
|
>}}
|
||||||
|
|
||||||
This is why I am always hesitant to pull in code to my project, and have a my
|
This is why I am always hesitant to pull in code to my project, and have a my
|
||||||
dependency checklist:
|
dependency checklist:
|
||||||
|
Loading…
Reference in New Issue
Block a user