forked from M3-Academy/challenge-landing-page
feat: created and responsive page header
This commit is contained in:
parent
6b8a66e23e
commit
12b12340a6
@ -2,3 +2,27 @@
|
|||||||
/* Este é meu arquivo principal, a metodologia que vou usar será CUBE CSS <3*/
|
/* Este é meu arquivo principal, a metodologia que vou usar será CUBE CSS <3*/
|
||||||
|
|
||||||
/* started styles */
|
/* 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);
|
||||||
|
}
|
@ -22,6 +22,11 @@
|
|||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<!--=============== Header ===============-->
|
<!--=============== 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 ===============-->
|
<!--=============== Main Banner ===============-->
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user