feat: Adiciona section no meio desktop

This commit is contained in:
Patrick Reis Santos 2022-10-12 18:13:34 -03:00
parent e9ca58f608
commit 54bee98f61
5 changed files with 46 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 162 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 215 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

View File

@ -90,6 +90,27 @@ body {
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) {
.top-titulo-h2 {
font-size: 20px;

View File

@ -90,6 +90,31 @@
</p>
</div>
</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>
</body>
</html>