58 lines
1.1 KiB
SCSS
58 lines
1.1 KiB
SCSS
|
.commissions-section {
|
||
|
|
.d-grid {
|
||
|
|
display: grid;
|
||
|
|
// grid-template-columns: repeat(7, 1fr);
|
||
|
|
grid-template-columns: repeat(auto-fill, minmax(15em, 1fr));
|
||
|
|
grid-template-rows: 1fr;
|
||
|
|
grid-gap: 0.5em;
|
||
|
|
|
||
|
|
// grid-auto-flow: column;
|
||
|
|
// grid-auto-columns: minmax(260px, 1fr);
|
||
|
|
|
||
|
|
.grid-item {
|
||
|
|
justify-self: center;
|
||
|
|
align-self: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
.commissions {
|
||
|
|
&-main {
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-start;
|
||
|
|
align-items: center;
|
||
|
|
margin: auto;
|
||
|
|
.card {
|
||
|
|
// padding: 1.5em;
|
||
|
|
// margin: 1em;
|
||
|
|
border: 0;
|
||
|
|
align-content: center;
|
||
|
|
width: 14em;
|
||
|
|
height: 17em;
|
||
|
|
|
||
|
|
.my-card-header {
|
||
|
|
margin-right: auto;
|
||
|
|
margin-left: auto;
|
||
|
|
.card-icon {
|
||
|
|
width: 4em;
|
||
|
|
height: 5em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&-body {
|
||
|
|
.card-title {
|
||
|
|
text-align: center;
|
||
|
|
max-width: 10em;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
&-header {
|
||
|
|
margin-top: 1.5em;
|
||
|
|
margin-bottom: 1.5em;
|
||
|
|
&-title {
|
||
|
|
text-align: right;
|
||
|
|
font-size: 2rem;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|