Another daft #CSS question for you clever clogs.
I have three elements (A,B,C) in a container (D).
For incredibly tedious reasons, my HTML is fixed as:
<D>
<A>
<B>
<C>
</D>
I want to lay them out like this:
AA BBBB
AA CCCC
Two columns, with the 2nd column having two rows.
Normally, I'd use flex. But I can't do that unless B & C are contained in their own element.
Am I missing something utterly obvious?
Terence Eden /
npub1lh…aa5ll
2023-10-11 16:16:26
Author Public Key
npub1lh05slh2nk6h5m3jp7qwtjmrmegtah6nj626g8qdg3a7ds3kg0ss9aa5llPublished at
2023-10-11 16:16:26Event JSON
{
"id": "e780f789d68bf48e8f0c3a19ac6501a4eafad4acb18700fbae00e5ac9673848d",
"pubkey": "fddf487eea9db57a6e320f80e5cb63de50bedf539695a41c0d447be6c23643e1",
"created_at": 1697040986,
"kind": 1,
"tags": [
[
"t",
"css"
],
[
"proxy",
"https://mastodon.social/users/Edent/statuses/111217278098522879",
"activitypub"
]
],
"content": "Another daft #CSS question for you clever clogs.\n\nI have three elements (A,B,C) in a container (D).\n\nFor incredibly tedious reasons, my HTML is fixed as:\n\u003cD\u003e\n \u003cA\u003e\n \u003cB\u003e\n \u003cC\u003e\n\u003c/D\u003e\n\nI want to lay them out like this:\n\nAA BBBB\nAA CCCC\n\nTwo columns, with the 2nd column having two rows.\n\nNormally, I'd use flex. But I can't do that unless B \u0026 C are contained in their own element.\n\nAm I missing something utterly obvious?",
"sig": "8303d968b6165d1457b0d7626382769ca64dc97b97bf885257b9eff08918f3b8a4a225c07e746071889522a29064dc914dee687b8e3cb0c7f4c672b9df1b5214"
}