Для настройки компонента Layout из библиотеки antd в проекте на React необходимо использовать следующие параметры:
1. Для корректного отображения Layout'а на узком экране можно использовать компонент Row и Col для более гибкой настройки расположения элементов. Например, установите для Col соответствующий span (количество колонок), чтобы элементы автоматически переносились на новую строку при уменьшении экрана.
```
<Row>
<Col span={6}>Element 1</Col>
<Col span={6}>Element 2</Col>
<Col span={6}>Element 3</Col>
<Col span={6}>Element 4</Col>
</Row>
```
2. Также можно использовать параметр breakpoin для сокрытия или отображения элементов на определенных разрешениях экрана. Например, для скрытия элемента на мобильных устройствах можно использовать параметр hidden:
```
<Col xs={24} sm={12} md={8} lg={6} xl={4} hidden={{ xs: true }}>Element</Col>
```
3. Проверьте также, что у вас правильно настроены CSS стили для элементов Layout'а, чтобы они корректно отображались на различных устройствах. Может потребоваться использовать медиазапросы для адаптивного дизайна.
Если элементы все равно вылезают за пределы экрана и появляется горизонтальный скролл, попробуйте использовать параметр overflow для элементов, который установит поведение при переполнении контента, например:
```
<Col span={6} style={{ overflow: 'hidden' }}>Element</Col>
```
При правильной настройке параметров Layout'а и используя гибкость компонентов antd, вы сможете избежать проблем с съезжающими элементами на узких экранах.