website/assets/sass/card.scss

54 lines
926 B
SCSS
Raw Permalink Normal View History

2023-05-26 19:44:22 +00:00
.card {
margin-top: 2rem;
padding: 0.5rem;
2023-05-26 19:44:22 +00:00
border: 1px solid gray;
border-radius: 2px;
background-color: #ecf0f1;
display: flex;
gap: 2rem;
.card-image {
display: block;
margin-right: 0rem;
overflow: hidden;
height: 100%;
width: 300px;
flex-grow: 0;
flex-shrink: 0;
}
.card-action {
text-decoration: underline;
}
color: black;
text-decoration: none;
2023-05-26 19:44:22 +00:00
}
@media (max-width: $sm-breakpoint) {
.card-link {
gap: 1rem;
}
}
@media (max-width: $md-breakpoint) {
.card-link {
2024-05-18 13:42:55 +00:00
flex-wrap: wrap;
justify-content: center;
.card-image {
2024-05-18 13:42:55 +00:00
text-align: center;
max-width: 300px;
width: 100%;
}
}
}
@media (max-width: $xs-breakpoint) {
.card-link {
.card-image {
width: 100% !important;
}
}
}