update design
This commit is contained in:
@@ -16,6 +16,9 @@ export default {
|
|||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.card {
|
.card {
|
||||||
|
background: #eee;
|
||||||
|
border-radius: .5rem;
|
||||||
|
|
||||||
&--title {
|
&--title {
|
||||||
font-weight: 900;
|
font-weight: 900;
|
||||||
margin-bottom: .5rem;
|
margin-bottom: .5rem;
|
||||||
|
|||||||
@@ -77,7 +77,7 @@ a {
|
|||||||
.cards {
|
.cards {
|
||||||
display:grid;
|
display:grid;
|
||||||
grid-template-columns: repeat(4, 20%);
|
grid-template-columns: repeat(4, 20%);
|
||||||
grid-gap: 3rem;
|
grid-gap: 2rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen
|
@media only screen
|
||||||
@@ -88,7 +88,7 @@ a {
|
|||||||
.cards {
|
.cards {
|
||||||
display:grid;
|
display:grid;
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
grid-gap: 3rem;
|
grid-gap: 2rem;
|
||||||
}
|
}
|
||||||
.layout {
|
.layout {
|
||||||
grid-template-columns: 50px 50px auto;
|
grid-template-columns: 50px 50px auto;
|
||||||
|
|||||||
Reference in New Issue
Block a user