Changes responsivines on grid view mode (need discussion).

This commit is contained in:
mateuswetah 2018-05-30 14:57:17 -03:00
parent 825c92831d
commit baa4a234f9
3 changed files with 8 additions and 5 deletions

View File

@ -1,8 +1,11 @@
.tainacan-grid-container {
padding: 30px 4.166666667%;
.row { justify-content: flex-start; }
.col { flex-grow: 0; }
.tainacan-grid {
padding: 12px 44px 24px 44px;
padding: 12px 24px 24px 24px;
text-align: center;
img {
@ -19,7 +22,7 @@
white-space: nowrap;
overflow: hidden;
padding: 0.75rem 1.5rem;
text-align: center;
text-align: left;
}
}

View File

@ -4,7 +4,7 @@
<div class="row no-gutters">
<?php while (have_posts()): the_post(); ?>
<div class="col col-md-12 col-lg-6 col-xl-4">
<div class="col">
<div class="tainacan-grid">
<?php the_post_thumbnail('medium'); ?>
<p class="metadata-title"><?php the_title(); ?></p>

View File

@ -5,10 +5,10 @@
<?php while (have_posts()): the_post(); ?>
<div class="tainacan-mosaic">
<?php the_post_thumbnail('full'); ?>
<?php the_post_thumbnail('large'); ?>
<p class="metadata-title"><?php the_title(); ?></p>
</div>
<?php endwhile; ?>
</div>