muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-25 02:46:39 +07:00
Code Issues Projects Releases Packages Wiki Activity Actions

fixed mobile layout for contacts

Browse source
This commit is contained in:
Fedor Katurov 2022-11-11 15:31:52 +06:00
parent 580446b1a4
commit f380ea7f1c
1 changed files with 21 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

23
pages/contacts.vue
View file

@ -40,6 +40,10 @@ definePageMeta({ layout: "landing" });
<style lang="scss" module> <style lang="scss" module>
@import "@/assets/css/mixins"; @import "@/assets/css/mixins";
.text {
padding-bottom: 40px;
}
.content { .content {
@include container; @include container;
} }
@ -47,9 +51,20 @@ definePageMeta({ layout: "landing" });
.grid { .grid {
display: grid; display: grid;
grid-template-columns: 2fr 1fr; grid-template-columns: 2fr 1fr;
grid-column-gap: 80px; gap: 80px;
align-items: center;
@include desktop {
grid-template-columns: 1fr 1fr;
gap: 20px;
}
@include tablet { @include tablet {
gap: 20px;
grid-template-columns: 2fr 1fr;
}
@include phone {
display: flex; display: flex;
flex-direction: column-reverse; flex-direction: column-reverse;
} }
@ -64,8 +79,12 @@ definePageMeta({ layout: "landing" });
} }
.image { .image {
@include tablet { @include phone {
display: none; display: none;
} }
img {
max-width: 100%;
}
} }
</style> </style>