Adiciona o main banner desktop e o main banner mobile
This commit is contained in:
parent
f871092e26
commit
577f7cc0e1
@ -11,5 +11,12 @@
|
|||||||
<header class="page-header">
|
<header class="page-header">
|
||||||
<a href="/"><img src="assets/images/Logo-M3Academy 1.svg" alt="Logo M3" class="header-logo"></a>
|
<a href="/"><img src="assets/images/Logo-M3Academy 1.svg" alt="Logo M3" class="header-logo"></a>
|
||||||
</header>
|
</header>
|
||||||
|
<main>
|
||||||
|
<picture>
|
||||||
|
<source media="(max-width: 414px)" srcset="assets/mobile-images/top-card-image.png">
|
||||||
|
<source media="(min-width: 415px)" srcset="assets/images/desktop-banner.png">
|
||||||
|
<img src="assets/images/desktop-banner.png" alt="laptop image banner" class="main-banner">
|
||||||
|
</picture>
|
||||||
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
@ -13,4 +13,8 @@
|
|||||||
.header-logo {
|
.header-logo {
|
||||||
padding: 29px 0px;
|
padding: 29px 0px;
|
||||||
display: block;
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.main-banner {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user