Improve styling consistency in responsiveness on landing page

This commit is contained in:
Andrew Brown 2017-03-02 17:07:51 +00:00
parent 7824f9150a
commit b16f155496
2 changed files with 14 additions and 4 deletions

View File

@ -3,7 +3,7 @@
content_name = content_type.name.downcase
%>
<div class="card hoverable">
<div class="card hoverable" style="min-height: 330px;">
<div class="card-image">
<%= image_tag "card-headers/#{content_name.pluralize}.jpg" %>
<span class="card-title">Create <%= content_name == "magic" ? 'magic' : content_name.pluralize %></span>

View File

@ -31,13 +31,23 @@
<div class="container">
<div class="section">
<div class="row">
<div class="col l4 m6 s12">
<div class="col l4 s12">
</div>
</div>
</div>
</div>
<div class="container">
<div class="section">
<div class="row">
<div class="col l4 m4 s12">
<%= render partial: 'cards/intros/content_type_intro', locals: { content_type: Character } %>
</div>
<div class="col l4 m6 s12">
<div class="col l4 m4 s12">
<%= render partial: 'cards/intros/content_type_intro', locals: { content_type: Location } %>
</div>
<div class="col l4 m6 s12">
<div class="col l4 m4 s12">
<%= render partial: 'cards/intros/content_type_intro', locals: { content_type: Item } %>
</div>
</div>