portico: Fix subhead line break on mobile.

The line break in the homepage subhead looked weird on mobile.
The line now only breaks on display widths greater than 767px.
This commit is contained in:
Max Nussenbaum 2018-05-07 12:09:51 -07:00 committed by Tim Abbott
parent 5f94c7dab5
commit 83b20488a7
2 changed files with 5 additions and 1 deletions

View File

@ -1890,6 +1890,10 @@ input.new-organization-button {
display: inline-block;
margin-top: 10px;
}
.line-break-desktop {
display: none;
}
}
@media (max-height: 600px) {

View File

@ -29,7 +29,7 @@
<h1>The world's most productive group chat</h1>
<p>
Zulip combines the immediacy of Slack with an email
threading model. <br />With Zulip, you can catch
threading model. <br class="line-break-desktop">With Zulip, you can catch
up on important conversations while ignoring
irrelevant ones.
</p>