chincharovpc

<div class="layout">
   <header>...</header>
   <main>...</main>
</div>

Далее пишешь стили для .layout

Меню для планшетов и мобильных устройств нужно сделать с абсолютным позиционированием или скрыть за страницей с помощью transform...
В верхней части шапки расположить кнопку для открытия меню.
При нажатии на кнопку слева отображается меню и при нажатии на пустое пространство или крестик, то исчезает. (нужен javascipt)
Вот пример, смотри в моб версии

Я думаю, тебе нужно сначала получить json с помощью javascript, а потом отобразить в html
Ссылка, если я правильно тебя понял

МОжно при нажатии на ссылку вызвать функцию и получить файл с помощью fetch, далее превратить файл в blob и перейти на ссылку blob. В catch можно перехватить ошибки

const downloadBlobFile = (id, fileName) => {
  fetch(`${API_URL}/files/download/${id}`)
      .then(response => {
        return response.blob()
      })
      .then(blob => {
        const link = window.document.createElement("a");
        link.href = window.URL.createObjectURL(blob);
        link.download = fileName || 'file';
        document.body.appendChild(link);
        link.click();
        document.body.removeChild(link);
      })
      .catch(() => {
        //Обработка ошибок
      });
}