How to implement this complex nested layout using Bootstrap 5 grid system? [closed]

6 days ago 7
ARTICLE AD BOX

enter image description here

I'm trying to practice my Bootstrap grid skills by replicating a specific layout from an exercise. I'm having trouble with the nesting and the alignment of the sidebars (Menu and Asides).

Here is the layout I need to build
What I've tried so far:

I understand that Bootstrap uses a 12-column system. I'm planning to use a main container with rows, but I'm struggling with:

1. How to make the "Menu" span multiple rows on the left.

2. How to nest the "Articles" correctly within the sections.

3. Aligning the two "Aside" columns on the right of Section 1.

Could someone guide me on the best structure (rows and cols) to achieve this? Specifically, should I use nested rows or a main row with three large columns (Menu | Content | Asides)?

Read Entire Article