Trying to make div heights as percentages of the body height. I’m using bootstrap version 5.3. I’m able to make the body element 100% of the view. However, all the other div have the same size of 24px. I’m trying to cover the entire height of the page. The following is not working. I’ve gone through several other posts that address this but none have worked for me so far. What am I missing? Blow if the full code.

I want to have a table that I want it to cover the entire screen in width and adjust the elements in it accordingly and has the box shadow to show.

I have a web page for displaying blog post content that looks like this:

Im using bootstrap on my website and I saw something cool on other website.
They have like a 20% transparent circle that makes white shadow on fully dark background.
Here is the image of it: https://imgur.com/a/TZp3Txr

I have Bootstrap 5 website template and I need to add text with white background on the center image.

I have an ecommerce project that has a huge mega menu with lots of items. For clarity, each li element of the submenu must be one below the other. In my case, I have too large spaces, which you can see on the screenshot.