Вы можете создать этот блок с помощью CSS. Вот базовый пример:
```html
<div class="shadow-block"></div>
```
CSS:
```css
.shadow-block {
width: 100%;
max-width: 600px; /* максимальная ширина блока, может быть любой, которую вы хотите */
height: 200px; /* высота вашего блока */
margin: 0 auto; /* автоматические отступы по бокам для центрирования блока */
background: #fff; /* фоновый цвет вашего блока */
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); /* тень вашего блока */
}
```
Цифры в `box-shadow`:
- Первые два числа - это смещение по осям X и Y соответственно.
- Третье число - это размытие тени.
- Четвертое - это цвет тени в RGBA, где последний параметр это прозрачность.
Вам нужно подстроить это под свои нужды, но это основной шаблон, который вы можете использовать. Блок автоматически подстраивается под ширину экрана, но его ширина не будет превышать 600px.
Важно помнить, что расстояние тени не должно быть слишком большим, чтобы не создавалось впечатления отсутствия блока. В примере используется значение в 10пикселей, что является оптимальным для большинства случаев.