// assets/styles/global.scss

// customize some Bootstrap variables
$primary: darken(#005035, 20%);

// the ~ allows you to reference things in node_modules
@import "~bootstrap/scss/bootstrap";

.offering > img {
    height: 15rem;
    object-fit: cover;
}

.offering {
    $card-height: 100%;
    width: 20rem;
}

.username {
    float: left;
}

.zip {
    float: right;
}

.listings-container {
    padding-top: 2rem;
}

.img-container {
    width: 50%;
    min-width: 20rem;
}

.offer-info {
    width: 50%;
    min-width: 20rem;;
}