LumeWeb
/
lumeweb.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

grid fix

This commit is contained in:
roryjshelton 2023-05-06 18:59:26 +02:00
parent 7d41f1240a
commit 8ff7194511
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/P1/Footer/FooterStyles.css
View File

@ -13,21 +13,21 @@
height: auto; height: auto;
} }
@media (min-width: 600px) { @media (width >=600px) {
.footer-cards { .footer-cards {
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 1rem; gap: 1rem;
} }
} }
@media (min-width: 900px) { @media (width >=900px) {
.footer-cards { .footer-cards {
grid-template-columns: repeat(6, 1fr); grid-template-columns: repeat(6, 1fr);
} }
} }
.footer-logo { .footer-logo {
background-image: url(../../../assets/lume-logo.webp); background-image: url('../../../assets/lume-logo.webp');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
height: 55px; height: 55px;
@ -38,7 +38,7 @@
} }
.footer-email { .footer-email {
background-image: url(../../../assets/email-icon.webp); background-image: url('../../../assets/email-icon.webp');
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: contain; background-size: contain;
background-position: left; background-position: left;