Merge Edge with sort and resize #2
11
base.css
11
base.css
@ -87,6 +87,7 @@ main{
|
||||
.main-table > div > div{
|
||||
display: table-cell;
|
||||
margin: 3px 0;
|
||||
padding: 3px 0;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
vertical-align: middle;
|
||||
@ -100,7 +101,7 @@ main{
|
||||
display: table-row;
|
||||
background-color: transparent;
|
||||
}
|
||||
.item-table-full, .item-table-half, .item-table-480{
|
||||
.item-table-full, .item-table-half, .item-table-240{
|
||||
display: table-cell;
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
@ -110,8 +111,8 @@ main{
|
||||
.item-table-full{
|
||||
width: 100%;
|
||||
}
|
||||
.item-table-half{
|
||||
width: 50%;
|
||||
.item-table-240{
|
||||
width: 240px;
|
||||
}
|
||||
@media (min-width: 480px){
|
||||
.nav{
|
||||
@ -131,9 +132,7 @@ main{
|
||||
display: none;
|
||||
}
|
||||
.main-table > div > div{
|
||||
padding: 5px;
|
||||
margin: 5px;
|
||||
}
|
||||
.item-table-480{
|
||||
width: 480px;
|
||||
}
|
||||
}
|
@ -42,8 +42,8 @@
|
||||
<div class="item-table-full">
|
||||
{{ .Data.About.GetContent }}
|
||||
</div>
|
||||
<div class="item-table-480">
|
||||
<a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="480px"></a>
|
||||
<div class="item-table-240">
|
||||
<a href="{{ .Data.About.ImageLocation }}"><img src="{{ .Data.About.ThumbnailLocation }}" alt="Image of Me." width="240px"></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user