Fix wording & centering

This commit is contained in:
Jeffrey Morgan 2015-07-14 00:17:12 -07:00
parent 10ecaa6f6e
commit dd0c4fd3c2
3 changed files with 9 additions and 7 deletions

View File

@ -34,21 +34,21 @@
<div class="info"> <div class="info">
<img src="{{.Site.BaseURL}}/images/engine.png"> <img src="{{.Site.BaseURL}}/images/engine.png">
<h3>Docker Engine</h3> <h3>Docker Engine</h3>
<p>Creates and runs Docker containers.</p> <p>Create and runs Docker containers.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="info"> <div class="info">
<img src="{{.Site.BaseURL}}/images/machine.png"> <img src="{{.Site.BaseURL}}/images/machine.png">
<h3>Docker Machine</h3> <h3>Docker Machine</h3>
<p>Provisions Docker to local or remote machines.</p> <p>Provision Docker-ready local or remote machines.</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">
<div class="info"> <div class="info">
<img src="{{.Site.BaseURL}}/images/compose.png"> <img src="{{.Site.BaseURL}}/images/compose.png">
<h3>Docker Compose</h3> <h3>Docker Compose</h3>
<p>Define multi-container applications. (Mac OS X only)</p> <p>Define multi-container applications. (OS X only)</p>
</div> </div>
</div> </div>
<div class="item"> <div class="item">

View File

@ -295,9 +295,11 @@ table {
height: auto; height: auto;
} }
.content .items .item .info { .content .items .item .info {
text-align: center;
padding-right: 1rem; padding-right: 1rem;
} }
.content .documentation { .content .documentation {
text-align: center;
padding: 2rem 0; padding: 2rem 0;
} }
.content .documentation h3 { .content .documentation h3 {
@ -309,8 +311,7 @@ table {
} }
.content .documentation .cta .btn { .content .documentation .cta .btn {
display: inline-block; display: inline-block;
margin-right: 1rem; margin: 0.5rem;
margin-bottom: 1rem;
transition: all 100ms; transition: all 100ms;
background-color: #ff992e; background-color: #ff992e;
box-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.05); box-shadow: 0.4rem 0.4rem 0 rgba(0, 0, 0, 0.05);

View File

@ -147,11 +147,13 @@
height: auto; height: auto;
} }
.info { .info {
text-align: center;
padding-right: 1rem; padding-right: 1rem;
} }
} }
} }
.documentation { .documentation {
text-align: center;
padding: 2rem 0; padding: 2rem 0;
h3 { h3 {
color: fade(white, 70%); color: fade(white, 70%);
@ -161,8 +163,7 @@
padding: 1rem 0 0 0; padding: 1rem 0 0 0;
.btn { .btn {
display: inline-block; display: inline-block;
margin-right: 1rem; margin: 0.5rem;
margin-bottom: 1rem;
transition: all 100ms; transition: all 100ms;
background-color: @brand-orange; background-color: @brand-orange;
box-shadow: 0.4rem 0.4rem 0 fade(black, 5%); box-shadow: 0.4rem 0.4rem 0 fade(black, 5%);