site/pages/meet-our-team/team-slice/style.css
@value badgerBlack from "../../../css/_colors.css";
@value smallScreen, mediumScreen, largeScreen from "../../../css/_sizes.css";
.badgers {
margin-right: -20px;
text-align: left;
display: flex;
flex-wrap: wrap;
}
.badger {
margin-bottom: 30px;
margin-right: 20px;
position: relative;
display: inline-block;
width: calc(100% - 20px);
}
.badger:before {
content: "";
display: block;
padding-top: 100%;
}
@media smallScreen {
.badger {
width: calc(50% - 20px);
}
}
@media mediumScreen {
.badger {
width: calc(33.333% - 20px);
}
}
@media largeScreen {
.badger {
width: calc(25% - 20px);
max-width: 335px;
}
.question {
width: 260px;
}
}
.badgerContainer {
height: 100%;
}