Better 2 column image presentation

This commit is contained in:
Tyler Hallada 2014-07-28 23:39:05 -04:00
parent c14ce4055c
commit db2fe94359
2 changed files with 26 additions and 3 deletions

View File

@ -65,12 +65,12 @@ need to on a laptop thats under $300.
for 2 years and 12 free Gogo passes with the Chromebook, which definitely comes
in handy.
<div> <a href="/img/blog/chromebook_keyboard.jpg"><img
<a href="/img/blog/chromebook_keyboard.jpg"><img
src="/img/blog/chromebook_keyboard_thumb.jpg" alt="Samsung Chromebook
keyboard up close" style="float: left; width: 50%"></a> <a
keyboard up close" class="half-left"></a> <a
href="/img/blog/chromebook_trackpad.jpg"><img
src="/img/blog/chromebook_trackpad_thumb.jpg" alt="Samsung Chromebook
trackpad up close" style="float: right; width: 50%"></a> </div> <br>
trackpad up close" class="half-right"></a>
While that all of that is nice, the Chromebook still only has 16GB internal
storage, no DVD drive, no ethernet port, and hardly any processing power. And I

View File

@ -299,6 +299,29 @@ div.pagination {
background-color: #333;
}
.post img.half-left {
float: none;
width: 100%;
}
.post img.half-right {
float: none;
width: 100%;
}
@media (min-width: 40rem) {
.post img.half-left {
float: left;
width: 49%;
margin-bottom: 10px;
}
.post img.half-right {
float: right;
width: 49%;
margin-bottom: 10px;
}
}
/*****************************************************************************/
/*
/* Homepage