/* Target the specific views content area */
.view .view-content {
    display: grid;
    row-gap: 0 !important;   /* This removes the vertical space between rows */
    grid-gap: 0 !important;  /* Modern browsers use this as a shorthand */
    gap: 0 !important;       /* Catch-all for both row and column gaps */
}

/* If you want a tiny bit of breathing room (like your old D7 site) */
.view .view-content .views-row {
    padding-bottom: 8px; 
    border-bottom: 1px solid #eee; /* Optional: adds a subtle separator line */
    margin-bottom: 8px;
}

/*background color*/
.block-views {
    background: #f4f7f7;
}