Commit 427a2823 authored by Laura Kalbag's avatar Laura Kalbag
Browse files

Simplify, scale and space homepage review

parent 893253bb
......@@ -725,36 +725,6 @@ body.support main a
margin-top: 0;
}
/*
same as h3
*/
.home .review
{
font-size: 1.6em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
margin-top: 0.25em;
margin-left: auto;
margin-bottom: 1.75em;
margin-right: auto;
padding-left: 0.75em;
padding-right: 0.75em;
text-align: center;
}
@media only screen and (min-width: 46.875em)
{
.home .review
{
margin-bottom: 0;
}
}
.home .review blockquote {
margin-top: 0;
}
.review .rating
{
background: url('../images/stars.svg') center center no-repeat;
......@@ -776,21 +746,46 @@ body.support main a
text-align: center;
}
/*
Single review on home page
*/
/*
same as h3
*/
.home .review
{
font-size: 1.6em;
font-family: "Avenir Next Medium", "Avenir Next", Avenir, Helvetica, sans-serif;
font-weight: 500;
margin-top: 0.25em;
margin-left: auto;
margin-bottom: 1.25em;
margin-right: auto;
text-align: center;
}
.home .review blockquote {
margin-top: 0;
}
.home .review .quote-and-rating
{
margin-bottom: 0.5em;
}
.home .reviews-link
{
display: block;
font-size: 0.75em;
margin-top: 1.5em;
font-size: 0.5em;
margin-top: 0.5em;
}
@media only screen and (min-width: 46.875em)
{
.home .reviews-link
{
margin-top: 18px;
margin-bottom: 0;
margin-left: -60px;
margin-right: -60px;
font-size: 0.45em;
}
}
......
......@@ -7,7 +7,7 @@
<div class='review'>
<blockquote>
<p>
<p class='quote-and-rating'>
<span class='quote'>“It just works!”</span> <span class='rating rating-5'>5 stars</span></p>
<p class='reviews-link'>Read more <a href='/reviews'>App Store reviews of Better</a></p>
</blockquote>
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment