muerwre/muerwre.github.io
1
0
Fork 0
mirror of https://github.com/muerwre/muerwre.github.io.git synced 2025-04-24 18:36:41 +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>
@import "@/assets/css/mixins";
.text {
padding-bottom: 40px;
}
.content {
@include container;
}
@ -47,9 +51,20 @@ definePageMeta({ layout: "landing" });
.grid {
display: grid;
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 {
gap: 20px;
grid-template-columns: 2fr 1fr;
}
@include phone {
display: flex;
flex-direction: column-reverse;
}
@ -64,8 +79,12 @@ definePageMeta({ layout: "landing" });
}
.image {
@include tablet {
@include phone {
display: none;
}
img {
max-width: 100%;
}
}
</style>