Use flex instead of grids
This commit is contained in:
parent
f4a600e7c3
commit
af8cd4e5fb
1 changed files with 4 additions and 3 deletions
|
@ -92,12 +92,13 @@ h3 {
|
||||||
|
|
||||||
@media screen and (min-width: 650px) {
|
@media screen and (min-width: 650px) {
|
||||||
.grid-container {
|
.grid-container {
|
||||||
display: grid;
|
display: flex;
|
||||||
grid-template-columns: 1fr 1fr;
|
flex-wrap: wrap;
|
||||||
grid-gap: 10px;
|
justify-content: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.grid-child {
|
.grid-child {
|
||||||
|
flex: 0 0 calc(50% - 5px);
|
||||||
margin: auto;
|
margin: auto;
|
||||||
align-content: center;
|
align-content: center;
|
||||||
/* border: 2px white solid; */
|
/* border: 2px white solid; */
|
||||||
|
|
Loading…
Reference in a new issue