Как мне достичь этой сложной сетки CSS? ⇐ CSS

[Anonymous]

Я боролся около часа с этой проблемой. Я пытаюсь создать эту сервисную сетку, но она сложнее, чем просто обычная сетка Bento, которая охватывает столбцы. Пожалуйста, обратитесь к изображению, прикрепленному, чтобы увидеть визуальное представление о том, чего я пытаюсь достичь. Приведенный ниже код - это то, с чем я в итогеimport React from "react";

const ServiceCards = () => {
return (



Card 1

Card 2

Card 3

Card 4

Card 5

Card 6

Card 7

Card 8



);
};

export default ServiceCards;


Подробнее здесь: https://stackoverflow.com/questions/796 ... rid-layout