feat: mobile view

This commit is contained in:
afn
2022-10-10 01:50:51 -04:00
parent abea751e10
commit 85dd6b8a0b
8 changed files with 111 additions and 90 deletions

View File

@@ -1,12 +1,12 @@
<script>
import HeroImage from '$lib/components/atoms/HeroImage.svelte';
import IndexDescription from '$lib/components/organisms/IndexDescription.svelte';
import Home from '$lib/components/organisms/Home.svelte';
import SocialHost from '$lib/components/molecules/SocialHost.svelte';
</script>
<div class="wrapper">
<div class="wrappezoid">
<IndexDescription />
<Home />
<div id="heroimg"><HeroImage /></div>
</div>
</div>
@@ -14,7 +14,7 @@
<style>
.wrappezoid {
height: calc(100vh - 90px);
height: calc(100vh - 120px);
display: flex;
flex-direction: row;
justify-content: center;
@@ -23,7 +23,7 @@
}
@media (max-width: 1700px) {
.wrappezoid {
justify-content: space-between;
justify-content: space-between;;
}
}
@media (max-width: 1052px) {
@@ -33,8 +33,10 @@
}
@media (max-width: 768px) {
.wrappezoid {
flex-direction: column;
height: auto;
display: flex;
justify-content: center;
align-items: center;
height: calc(65vh);
}
}
</style>