@randstad-design/orbit-multitheme
Version:
multitheme Front-end code based on Randstad Human Forward components
39 lines (37 loc) • 1.14 kB
CSS
@media (min-width: 941px) {
.meet-the-team {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between; }
.meet-the-team::after {
content: '';
display: block; }
.meet-the-team::after,
.meet-the-team .person__profile {
width: calc((18/58) * 100%); }
.meet-the-team .person__profile:nth-child(-n + 3) {
margin-top: 0; }
.meet-the-team .person__image {
margin-bottom: 20px; }
@supports (display: grid) {
.meet-the-team {
display: grid;
grid-gap: 80px calc((2/58) * 100%);
grid-template-columns: repeat(3, 1fr); }
.meet-the-team::after {
display: none; }
.meet-the-team .person__profile {
margin-top: 0;
min-width: 0;
width: auto; } } }
/*# sourceMappingURL=meet-the-team.css.map */