Aydogdy
/
hhm-client
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

styling

This commit is contained in:
VividTruthKeeper 2023-02-23 08:51:16 +05:00
parent 2e1c739430
commit bd85604a2c
2 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/header/Nav.tsx
View File

@ -59,19 +59,19 @@ const Nav = () => {
<li>
<a href="#" target={"_blank"}>
<Instagram />
<span>hhm@inst.com</span>
{/* <span>hhm@inst.com</span> */}
</a>
</li>
<li>
<a href="#" target={"_blank"}>
<Facebook />
<span>hhm@face.com</span>
{/* <span>hhm@face.com</span> */}
</a>
</li>
<li>
<a href="#" target={"_blank"}>
<TikTok />
<span>@hhm</span>
{/* <span>@hhm</span> */}
</a>
</li>
</ul>

5
src/styles/_nav.scss
View File

@ -3,7 +3,7 @@
padding: 3rem 0;
display: grid;
align-items: center;
grid-template-columns: repeat(3, auto);
grid-template-columns: repeat(3, 1fr);
gap: 2.4rem;
justify-content: space-between;
border-bottom: 0.1rem solid $black;
@ -85,6 +85,7 @@
ul {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 2.4rem;
}
@ -231,8 +232,8 @@
.nav-inner {
display: flex;
flex-direction: row-reverse;
gap: 1.6rem;
justify-content: space-between;
gap: 1.6rem;
padding: 2.4rem 0;
border-bottom: none;
}