1. Для реализации горизонтальной прокрутки страницы в интернете можно использовать следующий CSS:
```css
body {
overflow-x: scroll;
white-space: nowrap;
}
.section {
display: inline-block;
width: 100vw; /* Ширина каждого блока будет равна ширине окна браузера */
height: 100vh; /* Высота каждого блока будет равна высоте окна браузера */
}
```
2. Для реализации адаптивной верстки для книги с двумя колонками на больших экранах и одной колонкой на мобильных устройствах можно использовать медиа-запросы в CSS:
```css
/* Большие экраны (например, ширина больше 768px) */
@media only screen and (min-width: 768px) {
.book {
column-count: 2; /* Две колонки на больших экранах */
}
}
/* Мобильные устройства (например, ширина меньше 768px) */
@media only screen and (max-width: 767px) {
.book {
column-count: 1; /* Одна колонка на мобильных устройствах */
}
}
```
Здесь .book - это класс, который вы должны добавить к вашему блоку с книгой в HTML. Эти стили позволят вашей верстке адаптироваться к разным размерам экранов и отображать содержимое книги с разным количеством колонок на больших и маленьких устройствах.