Rev 6542 | Autoría | Comparar con el anterior | Ultima modificación | Ver Log |
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
h1 {
font-size: 1.5rem;
}
h2 {
font-size: 1.2rem;
}
h3 {
font-size: 1.1rem;
}
h4 {
font-size: 1rem;
}
.app__body {
grid-template-areas: "sidebar" "main" "aside";
}
.layout__content {
column-gap: 1rem;
display: grid;
grid-area: content;
grid-template-columns: minmax(0, 1fr);
grid-template-rows: auto;
row-gap: .5rem;
}
.user__image {
border-radius: 50%;
object-fit: cover;
background-color: #c9ced4;
}
.empty__section {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 1rem;
p {
color: $font-color;
font-weight: 600;
}
}
@media (min-width: 768px) {
.app__body {
grid-template-areas: "sidebar main" ". aside";
grid-template-columns: minmax(0, 7fr) minmax(0, 17fr);
}
}
@media (min-width: 992px) {
.app__body {
grid-template-areas: "sidebar main aside";
grid-template-columns: minmax(0, 5fr) minmax(0, 12fr) minmax(300px, 7fr);
}
}