.vf-summary--news { column-gap: 0; grid-template-rows: auto; // margin-bottom: 48px; // replaced for 2020 homepage updates margin-bottom: space(800); row-gap: 16px; .vf-summary__image{ grid-column: 1 / span 1; grid-row: 1 / span 4; margin-right: 30px; max-width: 180px; width: 100%; } .vf-summary__title { grid-column: 2 / -1; } .vf-summary__category { display: block; grid-column: 2 / -1; margin-bottom: 16px; margin-right: $vf-summary--news__category-margin-right; position: relative; text-transform: uppercase; } .vf-summary__date { --vf-text-margin--bottom: 0px; grid-column: 2 / -1; grid-row: 1; } .vf-summary__text { align-items: center; display: block; grid-column: 2 / -1; & > .vf-summary__category { margin-top: -16px; // so that if there's not a category there's space between title and text } } @media (min-width: 600px) { grid-template-columns: minmax(0, auto) 1fr; row-gap: unset; } }