Как построить такую ​​сетку с помощью Tailwind с фиксированной шириной пикселей? ⇐ CSS

[Anonymous]

Я пытаюсь создать макет сетки, как показано на скриншоте.
Я хочу добиться такого макета:


1-я строка: Два столбца рядом друг с другом. Ширина первого столбца должна составлять 660 пикселей. Второй столбец должен заполнить оставшееся пространство.
2-я строка: Первый столбец должен быть выше и занимать две строки. Второй столбец должен содержать два элемента, каждый из которых имеет высоту 50%. Ширина второго столбца также должна составлять 660 пикселей.
3-я строка: один столбец со 100 % шириной.

Проблема:
Мне удалось добиться такого макета, но я не могу установить ширину первого столбца в первой строке шириной 660 пикселей и< /strong> второй столбец во второй строке должен иметь размер 660 пикселей. широкий.
Как этого добиться?

Код: Выделить всё

Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.






Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.






Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.






Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.






Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.






Lorem Ipsum
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Подробнее здесь: https://stackoverflow.com/questions/792 ... xel-widths