Amélioration disposition portfolio selon taille de fenetre
This commit is contained in:
parent
d0b3e02b52
commit
4e9b50f2de
4 changed files with 7 additions and 7 deletions
File diff suppressed because one or more lines are too long
2
css-compiled/template.min.css
vendored
2
css-compiled/template.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -33,7 +33,9 @@ $image-margin: 2rem;
|
|||
}
|
||||
|
||||
.notebook {
|
||||
min-width: 24%;
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
padding-bottom: 1rem;
|
||||
@include breakpoint(tablet-range) {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
|
@ -2,9 +2,8 @@
|
|||
{{ content|raw }}
|
||||
{% if page.header.portfolio %}
|
||||
<div class="notebooks">
|
||||
{% for row in page.header.portfolio|batch(3) %}
|
||||
<div class="notebook-row">
|
||||
{% for portfolio in row %}
|
||||
{% for portfolio in page.header.portfolio %}
|
||||
<div class="notebook">
|
||||
<div class="desc">
|
||||
<h4>{{ portfolio.title }}</h4>
|
||||
|
@ -24,7 +23,6 @@
|
|||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endif %}
|
||||
</div>
|
||||
|
|
Loading…
Reference in a new issue