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

ul/li @media + padding fix

This commit is contained in:
roryjshelton 2023-05-10 05:17:11 -07:00
parent d1032633a4
commit e8699bf583
4 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/Navbar/Navbar.jsx
View File

@ -1,6 +1,4 @@
import React, {useState} from 'react' import React, {useState} from 'react'
import {HiOutlineMenuAlt4} from 'react-icons/hi'
import './NavbarStyles.css' import './NavbarStyles.css'
function Navbar() { function Navbar() {

2
src/components/P1/CTO/CTO.astro
View File

@ -1,5 +1,5 @@
--- ---
import "./CtoStyles.css"; import "./CTOStyles.css";
--- ---
<div class="cto-container w-full transition-[0.5s];"> <div class="cto-container w-full transition-[0.5s];">

4
src/components/P1/Footer/Footer.astro
View File

@ -12,9 +12,7 @@ import "./FooterStyles.css";
> >
<span class="footer-email"></span>contact@lumeweb.com <span class="footer-email"></span>contact@lumeweb.com
</li><div class="footer-span"> </li><div class="footer-span">
<span class="footer-h2" <span class="footer-h2">Freedom, privacy, ownership.</span>
>Freedom, privacy, <br />ownership.</span
>
</div> </div>
</ul> </ul>
</h6> </h6>

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

@ -1,6 +1,6 @@
.footer-li { .footer-li {
font-family: var(--font-family-jaldi); font-family: var(--font-family-jaldi);
margin-inline: 5px; margin-inline: 0.5vw;
list-style-type: none; list-style-type: none;
white-space: nowrap; white-space: nowrap;
} }
@ -19,12 +19,26 @@
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
gap: 1rem; gap: 1rem;
} }
.footer-li {
margin-inline: 0.7vw;
}
} }
@media (width >=900px) { @media (width >=900px) {
.footer-cards { .footer-cards {
grid-template-columns: repeat(6, 1fr); grid-template-columns: repeat(6, 1fr);
} }
.footer-li {
margin-inline: 0.5vw;
}
}
@media (width <=600px) {
.footer-li {
margin-inline: 1vw;
}
} }
.footer-logo { .footer-logo {