forked from M3-Academy/challenge-landing-page
feat: created and responsive page header #2
@ -1,4 +1,28 @@
|
||||
/*=== Por que criei esse arquivo ===*/
|
||||
/* 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>
|
||||
<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 ===============-->
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user