48 lines
586 B
CSS
48 lines
586 B
CSS
.container {
|
|
margin-left: 110px;
|
|
}
|
|
|
|
section {
|
|
width: 80%;
|
|
margin: 20px auto 0 auto;
|
|
}
|
|
|
|
@media screen and (max-width: 1399px) {
|
|
section {
|
|
width: 90%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1199px) {
|
|
section {
|
|
width: 95%;
|
|
}
|
|
}
|
|
|
|
section .avatar {
|
|
display: block;
|
|
width: 128px; height: 128px;
|
|
}
|
|
|
|
|
|
/* Some grid */
|
|
.flex-grid {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
}
|
|
.flex-grid > * {
|
|
min-width: 250px;
|
|
flex: auto;
|
|
}
|
|
/* Two columns */
|
|
.flex-grid.fg2 > * {
|
|
width: 50%;
|
|
}
|
|
/* Three columns */
|
|
.flex-grid.fg3 > * {
|
|
width: 33%;
|
|
}
|
|
/* Four columns */
|
|
.flex-grid.fg4 > * {
|
|
width: 25%;
|
|
}
|