LaconicNetwork/laconic-dot-com
6
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update media query

Browse Source
This commit is contained in:
Nazareno Oviedo 2022-04-08 13:36:30 -03:00
parent 965ba2f5bc
commit ab86d7d14b
2 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/common/footer/footer.module.scss
View File

@ -146,7 +146,7 @@
gap: tovw(65px, 'default', 35px);
}
@media screen and (max-width: 1024px) {
@include respond-to('tablet') {
justify-content: space-between;
}
@ -158,7 +158,7 @@
row-gap: tovw(44px, 'tablet', 44px);
}
}
@media screen and (max-width: 1024px) {
@include respond-to('tablet') {
flex-direction: column;
}
}
@ -185,14 +185,14 @@
.logo {
margin-right: tovw(88px, 'default', 64px);
@media screen and (max-width: 1024px) {
@include respond-to('tablet') {
margin-right: 0;
margin-bottom: tovw(56px, 'tablet', 56px);
}
svg {
width: tovw(305px, 'default', 120px);
@media screen and (max-width: 1024px) {
@include respond-to('tablet') {
width: 100%;
}
}

2
src/components/sections/products/hero/hero.module.scss
View File

@ -58,7 +58,7 @@
grid-template-columns: repeat(3, 1fr);
gap: tovw(40px, 'default', 20px) tovw(35px, 'default', 15px);
@media screen and (max-width: 900px) {
@include respond-to('mobile') {
padding-bottom: tovw(25px, 'mobile', 56px);
border-bottom: tovw(1px, 'mobile') solid var(--color-white);
grid-template-columns: repeat(2, 1fr);