<b>recyclerView = findViewById(R.id.list);</b>
LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this, RecyclerView.VERTICAL, false);
<b>recyclerView.setLayoutManager</b>(linearLayoutManager);

Проверяйте смогли ли получить ожидаемый объект recyclerView, и только потом делайте работу. У вас ошибка о том что пытаетесь вызвать метод setLayoutManager у несуществующего объекта.

Я знаю основы java и spring и могу создавать простые сайты но у меня есть крутая идея

Может быть мне стоит изучить php или python и попытаться

Вот когда на спринге напишите тогда и попытайтесь, а до тех пор вы пока даже джаву со спрингом не знаете.

Другой язык программирования не сделает задачу проще и легче, двигайтесь в одном направлении, а то слона питоном перетянете, после чего кинетесь в расты, го и прочее... с мыслью "там же легче будет, даа" Нет не легче. Вопрос практики, упертости, и возможно упоротости.

Заходите на chrome://discards/ и выключаете в нужной вкладке в "Auto Discardable"

Но мне кажется, что это ерунда. Туда отдельно писать код для всей страницы снова?

На чистом CSS - да.

Чтобы скрасить монотонность копирования одного и того же, существуют препроцессоры css (LESS, SCSS, Stylus), и вместо дублирования под все медиа, Вы сразу пишите медиа запросы к конкретному классу, в последующем препроцессор сформирует нужное, и оно будет ожидаемо работать.
Например:

.sidebar {
  width: 300px;
  @media screen and (orientation: landscape) {
    width: 500px;
  }
  @media screen and (min-width: 640px) {
    width: 350px;
  }
  @media print {
    display: none;
  }
}

на выходе будет:

.sidebar {
	width: 300px;
}

@media screen and (orientation: landscape) {
	.sidebar {
		width: 500px;
	}
}

@media screen and (min-width: 640px) {
	.sidebar {
		width: 350px;
	}
}

@media print {
	.sidebar {
		display: none;
	}
}

Отладка меди-запросов включается в DevTools доп утилитах рендера:

Туть: