thallada/thallada.github.io
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Better 2 column image presentation

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
_posts/2013-08-24-on-chromebooks.md
View File

@ -65,12 +65,12 @@ need to on a laptop that’s under $300.
for 2 years and 12 free Gogo passes with the Chromebook, which definitely comes for 2 years and 12 free Gogo passes with the Chromebook, which definitely comes
in handy. 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 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 href="/img/blog/chromebook_trackpad.jpg"><img
src="/img/blog/chromebook_trackpad_thumb.jpg" alt="Samsung Chromebook 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 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 storage, no DVD drive, no ethernet port, and hardly any processing power. And I

23
css/main.css
View File

@ -299,6 +299,29 @@ div.pagination {
background-color: #333; 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 /* Homepage