Adding a box shadow to the body

Hi,
I adjusted the background color from your answers to other topics and with minor changes. However, the background color of the content area remained white; that’s what i wanted. But I wanted to add shadow all over. That is to the edges of the content area. But the body class didn’t work here.

body {
  background: #F0F3F5;
}

header {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.content-container {
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.site-footer {
  background: #F7F7F7;
	padding-top: 5px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

I will also add shadow to header and footer anyway. Because I will ensure that the ending or the beginning secrets exist. However, as I just mentioned, I couldn’t find a class that completely covers the body. Shadows didn’t work in body div.

Moreover, although I managed to drop shadows on the body with the content-container, I found that it did not work properly.

Here: https://i.hizliresim.com/qzmspvz.jpg

Is there anything wrong with what I did? Is there a class to cover the body? If not, it’s not a big problem for me, but if there is, it would be nice.

With all respect.

• This topic was modified 3 years, 3 months ago by Halil ESEN.