app/assets/stylesheets/modules/_speakers-list.scss
.speakers-list {
list-style: none;
padding-left: 0;
}
.speakers-list li {
@include inline-block;
margin-bottom: 1.375em; /* 22px ÷ 16px */
width: 49%;
text-align: center;
font-size: .75em; /* 12px ÷ 16px */
line-height: 1.375em; /* 22px ÷ 16px */
vertical-align: top;
@media screen and (min-width:550px) {
width: 32%;
}
@media screen and (min-width:800px) {
width: 24.5%;
font-size: 1.047em;
}
}
.speakers-list .speaker-avatar {
margin-bottom: .833em; /* 10px ÷ 12px */
}
.speakers-list__name {
font-size: 1.333em; /* 16px ÷ 12px */
}