Crie um contêiner em HTML
<div class="container">
<!-- Your code here -->
</div>
Mysterious Mouse
<div class="container">
<!-- Your code here -->
</div>
.media-illustration {
max-width: 200px;
margin: auto;
}
@container (min-width: 25em) {
.media {
display: flex;
align-items: center;
gap: 1em;
}
.media-illustration {
flex: 1;
}
.media-content {
flex: 3;
}
}
The container tags are tags that have some content between their opening and closing tags. Some examples are the <html> , <head> , and <body> tags.
Read more about container in html at : https://sebhastian.com/html-container-tags/