// 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 {
min-width: 20rem;;