flex -> grid
This commit is contained in:
parent
dcc9e83a8b
commit
a2d8a21bfa
|
@ -1,8 +1,9 @@
|
||||||
.badges {
|
.badges {
|
||||||
display:flex;
|
display: grid;
|
||||||
|
grid-template-columns: 50% 50%;
|
||||||
}
|
}
|
||||||
.badges a {
|
.badges a {
|
||||||
width: 50%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
.badges img{
|
.badges img{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
@ -12,9 +13,9 @@
|
||||||
filter: grayscale(1);
|
filter: grayscale(1);
|
||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 400px) {
|
@media (max-width: 500px) {
|
||||||
.badges {
|
.badges {
|
||||||
flex-direction: column;
|
grid-template-columns: 100%;
|
||||||
}
|
}
|
||||||
.badges a {
|
.badges a {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
Reference in New Issue