SabrinaMiranda/challenge-landing-page-SabrinaMiranda
1
0
Fork 0
forked from M3-Academy/challenge-landing-page
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(header): Adiciona cabeçallho desktop e mobile

Browse Source
This commit is contained in:
Sabrina Miranda 2022-10-12 22:26:11 -03:00
parent 007a16a5c3
commit b25983e1da
3 changed files with 45 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
assets/images/logo-m3academy.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 19 KiB

32
assets/styles/style.css
View File

@ -8,4 +8,34 @@
a { a {
text-decoration: none; text-decoration: none;
} }
/* HEADER */
.header-container {
display: flex;
width: 100%;
background: #000000;
padding: 29px 0;
justify-content: center;
align-items: center;
}
.logo-link {
width: 12%;
}
.logo {
width: 98%;
}
/* MOBILE */
@media (max-width: 1024px) {
.logo-link {
width: 55%;
}
.logo {
width: 99%;
}

6
index.html
View File

@ -17,6 +17,10 @@
</head> </head>
<body> <body>
<header class="header-container">
<a class="logo-link" href="/">
<img class="logo" src="./assets/images/logo-m3academy.svg" alt="Logo M3 Academy"/>
</a>
</header>
</body> </body>
</html> </html>