37 lines
631 B
CSS
37 lines
631 B
CSS
.container-profile {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"header header"
|
|
"message image";
|
|
grid-template-columns: 3fr 2fr;
|
|
|
|
margin-inline: 100px;
|
|
margin-top: 30px;
|
|
margin-bottom: 40px;
|
|
}
|
|
|
|
.profile-header {
|
|
grid-area: header;
|
|
}
|
|
.profile-message {
|
|
grid-area: message;
|
|
}
|
|
.profile-image {
|
|
grid-area: image;
|
|
}
|
|
.profile-image > img {
|
|
width: 100%;
|
|
}
|
|
|
|
/* Responsive */
|
|
|
|
@media only screen and (max-width: 600px) {
|
|
.container-profile {
|
|
grid-template-areas:
|
|
"header"
|
|
"image"
|
|
"message";
|
|
grid-template-columns: 1fr;
|
|
margin-inline: 40px;
|
|
}
|
|
} |