Adiciona block e seus aspectos

This commit is contained in:
SamuelCondack 2022-10-11 16:51:44 -03:00
parent 1bd9dbbfa2
commit 84f19a4f7f
2 changed files with 35 additions and 0 deletions

View File

@ -24,6 +24,11 @@
<p class="first-content-p">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. </p>
</div>
</section>
<section>
<picture>
<img src="assets/images/computers.svg" alt="computers image" class="block">
</picture>
</section>
</main>
</body>
</html>

View File

@ -54,4 +54,34 @@
font-weight: 400;
font-size: 16px;
padding-top: 28px;
}
.block {
width: 50%;
max-width: 315px;
display: block;
margin: auto;
padding: 73px 0px;
}
@media screen and (max-width: 414px) {
.first-content-text {
max-width: 367px;
padding: 0px 29px;
}
.first-content-h2 {
font-size: 20px;
line-height: 24px;
}
.first-content-h1 {
font-size: 28px;
line-height: 34px;
}
.first-content-p {
text-align: center;
}
}