
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
.mobile-layout {
display: grid;
grid-template-rows: auto 1fr auto;
grid-template-areas:
"header"
"main"
"nav "
}
header {
padding: 15px;
grid-area: header;
background-color: var(--blue);
}
.current-name{
color: var(--white);
font-size: 1.6rem;
font-weight: 600;
}
.main-menu {
background-color: var(--blue);
grid-area: nav;
}
.main-menu ul,
.main-menu li {
list-style: none;
}
.main-menu ul li a {
color: #ddd;
text-decoration: none;
font-size: 1.2rem;
padding: 10px;
}
.main-menu ul li.active a {
color: var(--white);
border-radius: 5px;
font-weight: bold;
}
#pages {
padding: 15px 10px;
grid-area: main;
overflow-y: auto;
}