additional responsive fixes to the features section

This commit is contained in:
Justine Arreche 2015-04-02 11:47:16 +02:00
parent 1093c4534a
commit 8b6ca0790e
2 changed files with 11 additions and 8 deletions

View File

@ -289,6 +289,12 @@
.hero br.mobile-break .hero br.mobile-break
display: inline-block display: inline-block
.features-list .features-callouts
padding: 0 60px 0 60px
.features-list .features-checked
padding: 0 60px 0 60px
@media (max-width: 846px) @media (max-width: 846px)
.build-flows .branch-bf .bf .build-flows .branch-bf .bf
width: 100% width: 100%
@ -337,9 +343,6 @@
.private-repos p .private-repos p
text-align: center text-align: center
.features-list .features-checked
padding: 0 60px 0 60px
@media (max-width: 608px) @media (max-width: 608px)
br.mobile-break br.mobile-break
display: inline-break display: inline-break

View File

@ -89,20 +89,20 @@
<div class="row features-list"> <div class="row features-list">
<div class="landing-centered-wrapper"> <div class="landing-centered-wrapper">
<div class="large-6 columns"> <div class="large-6 columns features-callouts">
<div class="large-6 columns"> <div class="medium-6 columns">
<h3>Get set up in seconds</h3> <h3>Get set up in seconds</h3>
<p>Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!</p> <p>Login with GitHub, tell Travis CI to test a project, and then push to GitHub. Could it be any simpler!</p>
</div> </div>
<div class="large-6 columns"> <div class="medium-6 columns">
<h3>Multi-language support</h3> <h3>Multi-language support</h3>
<p>Make sure your code runs against all versions of your favorite language without breaking a sweat.</p> <p>Make sure your code runs against all versions of your favorite language without breaking a sweat.</p>
</div> </div>
<div class="large-6 columns"> <div class="medium-6 columns">
<h3>Test your pull requests</h3> <h3>Test your pull requests</h3>
<p>Make sure every Pull Request to your project is tested before merging.</p> <p>Make sure every Pull Request to your project is tested before merging.</p>
</div> </div>
<div class="large-6 columns"> <div class="medium-6 columns">
<h3>Deploy to s3 and Heroku</h3> <h3>Deploy to s3 and Heroku</h3>
<p>Updating staging or production as soon as your tests pass has never been easier!</p> <p>Updating staging or production as soon as your tests pass has never been easier!</p>
</div> </div>