hensei-web/components/CharacterGrid/index.scss

31 lines
471 B
SCSS

#CharacterGrid {
display: flex;
flex-direction: column;
justify-content: center;
margin: auto;
max-width: 761px;
}
#grid_characters {
display: flex;
margin: 0;
padding: 0;
max-width: 761px;
@media (max-width: $medium-screen) {
justify-content: space-between;
width: 100%;
}
& > * {
margin-right: $unit * 3;
@media (max-width: $medium-screen) {
margin-right: inherit;
}
}
& > li:last-child {
margin: 0;
}
}