feat: created and made position on desktop

This commit is contained in:
Marcello Rodrigues Martins 2022-10-12 16:39:57 -03:00
parent 1b7e705a5d
commit 66c5228633
3 changed files with 21 additions and 5 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 358 KiB

View File

@ -101,5 +101,10 @@
</p> </p>
</div> </div>
</section> </section>
<section class="footer-image-section">
<div class="footer-image-div">
<img class="footer-image" src="./assets/images/glass footer.png" alt="glass">
</div>
</section>
</body> </body>
</html> </html>

View File

@ -113,7 +113,7 @@ body {
.midle-card { .midle-card {
position: relative; position: relative;
top: 32px; top: 62px;
} }
.midle-card-div { .midle-card-div {
@ -156,12 +156,11 @@ body {
} }
.image-card-paragraph-second { .image-card-paragraph-second {
font-family: 'Inter';
font-style: normal; font-style: normal;
color: #000000; color: #000000;
padding-top: 14px; padding-top: 14px;
padding-bottom: 64px; padding-bottom: 64px;
padding: 32px; padding: 33px;
max-width: 368px; max-width: 368px;
text-align: center; text-align: center;
font-weight: 400; font-weight: 400;
@ -170,7 +169,6 @@ body {
} }
.text-2-section h2 { .text-2-section h2 {
font-family: 'inter';
font-weight: 600; font-weight: 600;
font-size: 32px; font-size: 32px;
line-height: 40px; line-height: 40px;
@ -178,7 +176,6 @@ body {
} }
.text-2-section p { .text-2-section p {
font-family: 'inter';
font-weight: 400; font-weight: 400;
font-size: 16px; font-size: 16px;
line-height: 24px; line-height: 24px;
@ -196,6 +193,20 @@ body {
align-items: center; align-items: center;
} }
.footer-image {
width: 70.83%;
}
.footer-image-div {
display: flex;
justify-content: center;
align-items: center;
}
.footer-image-section {
margin-top: 50px;
}
@media screen and (max-width: 1024px) { @media screen and (max-width: 1024px) {
.banner-1-desktop { .banner-1-desktop {
display: none; display: none;