update image container style
This commit is contained in:
parent
249a668a53
commit
47efe49495
2 changed files with 19 additions and 4 deletions
|
@ -119,7 +119,7 @@ code {
|
|||
padding: 1em;
|
||||
}
|
||||
|
||||
.image-container {
|
||||
.image-container-right {
|
||||
border-style: solid;
|
||||
border-width: thin;
|
||||
border-color: black;
|
||||
|
@ -130,16 +130,31 @@ code {
|
|||
background-color: black;
|
||||
color: white;
|
||||
padding: 1em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.image-container img {
|
||||
.image-container-right {
|
||||
border-style: solid;
|
||||
border-width: thin;
|
||||
border-color: black;
|
||||
border-radius: 0.5em;
|
||||
float: right;
|
||||
background-image: url("http://assets.zdenekborovec-dev.cz/common/planks_dark_tile.png");
|
||||
background-repeat: repeat;
|
||||
background-color: black;
|
||||
color: white;
|
||||
padding: 1em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
.image-container-left img, .image-container-right img {
|
||||
border-radius: 0.5em;
|
||||
border-style: solid;
|
||||
border-width: thin;
|
||||
border-color: black;
|
||||
}
|
||||
|
||||
.image-container p {
|
||||
.image-container-left p, .image-container-right p {
|
||||
font-style: italic;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
|
|
@ -10,7 +10,7 @@ include_once($COMMONS."/header.php");
|
|||
<h2>
|
||||
Who am I?
|
||||
</h2>
|
||||
<div class="image-container" style="max-width: 20em">
|
||||
<div class="image-container-right" style="max-width: 20em">
|
||||
<img src="http://assets.zdenekborovec.cz/upload/1d21313c-ca12-4cdd-8943-a19ef5602a9c/8e34af81-a431-42f3-b984-020fda40498f.png" alt="A photo of me.">
|
||||
<p>
|
||||
Me at the start of a walk from Brno to Prague.
|
||||
|
|
Loading…
Reference in a new issue