Сергей Дроздов

Семантично делать их ссылками.
Радио-кнопки предполагают наличие формы, оборачивать табы в форму нелогично, так что вам кажется неправильно.

All-Autocomplete По идее должен помочь если html и css в одном рабочем окне.

Как-то так

Не сделан тут Header и первый блок одной картинкой. Просто у header нет фона и он спозиционирован поверх блока с фоном, например, через position: fixed, либо располагается внутри него:

.hero background-image: url()
  header

P.s. hero screen - паттерн, когда первый экран на весь экран, и, как правило, вместе с шапкой.

Нет ветки master, вот и ругается. Ветка по умолчанию на GitHub теперь называется main.

Команда git branch -vv покажет какие ветки есть локально и с какими внешними ветками связаны.
* main 0e02250 [origin/main] v.01

Надо было делать git push origin main
Либо просто git push т. е. отправить текущую ветку в связанную с ней ветку на внешнем репозитории.
В нашем случае текущая ветка main (помеченная звёздочкой)
отслеживает исходную ветку main в репозитории обозначенном как origin

Что скрывается за сокращением origin покажет команда git remote -v

origin	https://github.com/xxx/xxx.git (fetch)
origin	https://github.com/xxx/xxx.git (push)

<div class="title"> заголовок заголовок заголовок </div>
<div class="description"> текст текст текст текст </div>
<button class="action"> кнопка </button>

body {
  display: grid;
  grid-template-columns: 1fr min-content;
  align-items: center;
}

.title {
  grid-column: 1 / -1;
}