Better 2 column image presentation
This commit is contained in:
parent
c14ce4055c
commit
db2fe94359
@ -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
|
||||
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
|
||||
|
23
css/main.css
23
css/main.css
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user