.block-views-blockvalue-chain-parts-list-block-1 .view-content { display: flex; flex-wrap: wrap; } .block-views-blockvalue-chain-parts-list-block-1 .views-row { width: 50%; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 0; } .block-views-blockvalue-chain-parts-list-block-1 .views-row .field--name-field-icon { transition: transform 1s ease; } .block-views-blockvalue-chain-parts-list-block-1 .views-row:hover { background-color: #e5e9ef; } .block-views-blockvalue-chain-parts-list-block-1 .views-row:hover .field--name-field-icon { transform: rotate(7deg); } .block-views-blockvalue-chain-parts-list-block-1 .views-row:last-child { border-bottom: 0; } @media (max-width: 700px) { .block-views-blockvalue-chain-parts-list-block-1 .views-row:nth-child(2n+0) { border-right: 0; } } @media (min-width: 700px) { .block-views-blockvalue-chain-parts-list-block-1 .view-content .views-row { padding: 0; width: 33.3%; } .block-views-blockvalue-chain-parts-list-block-1 .view-content .views-row:nth-child(3n+0) { border-right: 0; } .block-views-blockvalue-chain-parts-list-block-1 .view-content .views-row:nth-last-child(2), .block-views-blockvalue-chain-parts-list-block-1 .view-content .views-row:nth-last-child(3) { border-bottom: 0; } } .value-chain-teaser.vm-teaser { display: block; text-decoration: none; } .value-chain-teaser.vm-teaser:first-of-type { padding: 1em 0.5em; } @media (min-width: 700px) { .value-chain-teaser.vm-teaser:first-of-type { padding: 1.5em 1em; } } .value-chain-teaser__icon { width: 80px; margin: 0 auto 1em; } .value-chain-teaser__title { text-align: center; } .value-chain-teaser__title h2 { font-size: 20px; }