feat: Adiciona section no meio desktop
This commit is contained in:
parent
e9ca58f608
commit
54bee98f61
BIN
assets/Images/notebook-centro.jpg
Normal file
BIN
assets/Images/notebook-centro.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 162 KiB |
BIN
assets/Images/notebook-direita.jpg
Normal file
BIN
assets/Images/notebook-direita.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 215 KiB |
BIN
assets/Images/notebook-esquerda.jpg
Normal file
BIN
assets/Images/notebook-esquerda.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 167 KiB |
@ -90,6 +90,27 @@ body {
|
|||||||
line-height: 24px;
|
line-height: 24px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.img-baixo {
|
||||||
|
background: #e0e0e0;
|
||||||
|
}
|
||||||
|
.wrapper {
|
||||||
|
justify-content: center;
|
||||||
|
gap: 39px;
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: auto auto auto;
|
||||||
|
position: relative;
|
||||||
|
top: 62px;
|
||||||
|
padding: 0 72px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.notebook-baixo {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.section3 {
|
||||||
|
height: 500px;
|
||||||
|
background: rgb(219, 196, 196);
|
||||||
|
}
|
||||||
@media screen and (max-width: 1180px) {
|
@media screen and (max-width: 1180px) {
|
||||||
.top-titulo-h2 {
|
.top-titulo-h2 {
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
|
25
index.html
25
index.html
@ -90,6 +90,31 @@
|
|||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
|
<section class="img-baixo">
|
||||||
|
<div class="wrapper">
|
||||||
|
<div>
|
||||||
|
<img
|
||||||
|
class="notebook-baixo"
|
||||||
|
src="./assets/Images/notebook-esquerda.jpg"
|
||||||
|
alt="Imagem de um Notebook 1"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img
|
||||||
|
class="notebook-baixo"
|
||||||
|
src="./assets/Images/notebook-centro.jpg"
|
||||||
|
alt="Imagem de um notebook 2"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
<div>
|
||||||
|
<img
|
||||||
|
class="notebook-baixo"
|
||||||
|
src="./assets/Images/notebook-direita.jpg"
|
||||||
|
alt="Imagem de um notebook 3"
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
</main>
|
</main>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
Loading…
Reference in New Issue
Block a user