forked from M3-Academy/challenge-landing-page
arrumando o css do site e fazendo a parte mobile junto
This commit is contained in:
parent
51e61e0fe8
commit
24db8d7a10
@ -4,8 +4,8 @@
|
||||
box-sizing: border-box;
|
||||
}
|
||||
.page-header{
|
||||
position: flex;
|
||||
width: 1920px;
|
||||
display: flex;
|
||||
width: 100%;
|
||||
height: 101px;
|
||||
left: 0px;
|
||||
top: 0px;
|
||||
@ -19,9 +19,8 @@
|
||||
top: 29px;
|
||||
}
|
||||
.main-banner-desktop{
|
||||
position: absolute;
|
||||
width: 1920px;
|
||||
height: 700px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
left: 0px;
|
||||
top: 101px;
|
||||
}
|
||||
@ -36,8 +35,7 @@
|
||||
}
|
||||
}
|
||||
.title-one{
|
||||
position: absolute;
|
||||
width: 220px;
|
||||
width: 100%;
|
||||
height: 39px;
|
||||
left: 850px;
|
||||
top: 874px;
|
||||
@ -50,8 +48,7 @@
|
||||
color: #000000;
|
||||
}
|
||||
.title-two{
|
||||
position: absolute;
|
||||
width: 403px;
|
||||
width: 100%;
|
||||
height: 58px;
|
||||
left: 758px;
|
||||
top: 913px;
|
||||
@ -62,4 +59,26 @@
|
||||
line-height: 58px;
|
||||
text-transform: uppercase;
|
||||
color: #000000;
|
||||
}
|
||||
.title-three{
|
||||
width: 100%;
|
||||
height: 56px;
|
||||
left: 577px;
|
||||
top: 999px;
|
||||
font-family: 'Inter';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-size: 16px;
|
||||
line-height: 24px;
|
||||
color: #000000;
|
||||
|
||||
}
|
||||
.image-pc{
|
||||
width: 315px;
|
||||
height: 315.5px;
|
||||
position: absolute;
|
||||
left: 30%;
|
||||
right: 0%;
|
||||
top: 90%;
|
||||
bottom: -0.16%;
|
||||
}
|
BIN
assets/images/image-pc.png
Normal file
BIN
assets/images/image-pc.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 4.6 KiB |
@ -14,7 +14,7 @@
|
||||
<img class ="header-logo" src="./assets/images/Logo-M3Academy 1.svg" alt="Logo M3">
|
||||
</a>
|
||||
</header>
|
||||
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<img class="main-banner-desktop" src="./assets/images/imagem-top.png" alt="Banner Principal Desktop">
|
||||
@ -25,6 +25,9 @@
|
||||
<div>
|
||||
<h1 class="title-one">Lorem ipsum</h1>
|
||||
<h2 class="title-two">dolor sit amet</h2>
|
||||
<h3 class ="title-three">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras euismod enim non dui fringilla interdum.
|
||||
Curabitur ut tortor sed lacus egestas vulputate vel sit amet velit. Nulla suscipit magna dui. </h3>
|
||||
<img class ="image-pc" src="./assets/images/image-pc.png" alt="Imagem de informacao de conteudo">
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
Loading…
Reference in New Issue
Block a user