posts + members pages responsive mobile
This commit is contained in:
parent
1e9b6f6d5f
commit
6da83b2d89
@ -18,7 +18,9 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% include "partials/components//posts-list.njk" %}
|
||||
<section class="[ news-list wrapper ]">
|
||||
{% include "partials/components/posts-list.njk" %}
|
||||
</section>
|
||||
{% include "partials/components/contact-form.njk" %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
@ -18,7 +18,9 @@
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
{% include "partials/components//posts-list.njk" %}
|
||||
<section class="[ news-list wrapper ]">
|
||||
{% include "partials/components/posts-list.njk" %}
|
||||
</section>
|
||||
{% include "partials/components/contact-form.njk" %}
|
||||
</main>
|
||||
{% endblock %}
|
||||
|
@ -51,3 +51,19 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.member-list {
|
||||
&__heading {
|
||||
margin: 4rem 0;
|
||||
}
|
||||
|
||||
&__items {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&__item + &__item {
|
||||
margin-top: 3rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -63,3 +63,18 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.member {
|
||||
margin-top: 3rem;
|
||||
margin-bottom: 8rem;
|
||||
|
||||
&__wrapper {
|
||||
display: block;
|
||||
}
|
||||
|
||||
&__bio {
|
||||
margin-top: 8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -338,7 +338,6 @@
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
|
||||
.split-content {
|
||||
display: block;
|
||||
}
|
||||
@ -368,6 +367,10 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.post-info {
|
||||
align-self: flex-start;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
@ -88,15 +88,11 @@
|
||||
}
|
||||
|
||||
&__items {
|
||||
display: flex;
|
||||
overflow-y: auto;
|
||||
padding-bottom: 1rem;
|
||||
padding-left: 1.25rem;
|
||||
display: block;
|
||||
}
|
||||
|
||||
&__item {
|
||||
flex-shrink: 0;
|
||||
flex-basis: 16rem;
|
||||
&__item + &__item {
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
@ -120,9 +116,17 @@
|
||||
}
|
||||
|
||||
&__items {
|
||||
display: flex;
|
||||
overflow-y: auto;
|
||||
padding-bottom: 1rem;
|
||||
padding-left: 1.25rem;
|
||||
}
|
||||
|
||||
&__item {
|
||||
flex-shrink: 0;
|
||||
flex-basis: 16rem;
|
||||
}
|
||||
|
||||
.return-link {
|
||||
margin-right: 1.25rem;
|
||||
}
|
||||
|
@ -12,7 +12,10 @@
|
||||
|
||||
li {
|
||||
display: inline-block;
|
||||
margin-left: 1.5rem;
|
||||
|
||||
+ li {
|
||||
margin-left: 1.5rem;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: 600;
|
||||
@ -26,3 +29,15 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 575.98px) {
|
||||
.posts {
|
||||
h1 {
|
||||
font-size: 1.75rem;
|
||||
}
|
||||
|
||||
.post-filter {
|
||||
align-self: flex-start;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user