realtor-lp-frontend/css/components/page/results.css

.results-container-padding {
    width: 100%;
    
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #E3F0FF;

}
.results-container {
    display: grid;
    gap: 20px;
    width: 90%;
    grid-template-columns: 1fr 1fr;
    
    grid-template-rows: repeat(6, calc((90vw / 2) - 20px));
}
.result-square {
    background-color: red;
}
.result-portrait {
    background-color: blue;
    grid-row: span 2;
}
.result-landscape {
    background-color: green;
    grid-column: span 2;
}
.result-instagram {
    background-color: yellow;
    grid-column: span 2;
    grid-row: span 2;
}