HenriqueSantosSantana/challenge-landing-page-henrique-santos-santana
0
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: created and responsive page header

Browse Source
This commit is contained in:
Henrique Santos Santana 2022-10-09 04:08:48 -03:00
parent 6b8a66e23e
commit 12b12340a6
2 changed files with 30 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
assets/css/main.css
View File

@ -2,3 +2,27 @@
/* Este é meu arquivo principal, a metodologia que vou usar será CUBE CSS <3*/
/* started styles */
/*--------*\
= HEADER =
\*--------*/
.l-header {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 1.875rem 1rem;
}
.header-logo {
display: flex;
}
/*CUBE CSS styles*/
/*-------*\
= UTILS =
\*-------*/
.bg-clr-black {
background-color: var(--bg-clr-black);
}

5
index.html
View File

@ -22,6 +22,11 @@
</head>
<body>
<!--=============== Header ===============-->
<header class="l-header bg-clr-black">
<a class="l-header-logo" href="/" title="Homepage link">
<img class="header-logo-image" src="./assets/images/full-logo.svg" alt="" />
</a>
</header>
<!--=============== Main Banner ===============-->