Marcos Travaglini• 4,920
@Blackpachamame
Posted
Greetings! you have done a great job 😎
- To improve the semantics of your HTML, you can change your
<div class="content">
to a<main class="content">
- Apply
max-width: 100%
to yourimg
so that it occupies the correct width within the container - Instead of using
margin
to center your content in the center of the screen, you can use theflexbox
properties in thebody
(Remove the margin from your content class):
body {
background-color: hsl(47, 88%, 63%);
min-height: 100vh;
display: flex;
justify-content: center;
align-items: center;
}
Marked as helpful
0
Maleyka• 150
@maleyka13
Posted
Hi @Blackpachamame, thank you for your comment. I will check this
1