Лучший адаптивный самописный WEB-сайт

Мой сайт посвящен теме искусственного интеллекта в играх.

Сначала создал файлы формата html и css. Затем сразу начал работу в html

Сначала обработал картинку для шапки в Photoshop

Загрузил главный фон и фон для шапки. Затем отодвинул все ссылки в шапке на 50px друг от друга

В целом шапка была готова, но чего-то все-равно не хватало. Я добавил рамку желтого цвета с помощью свойства border. И вот теперь шапка была готова.

Но всё ещё не было никакой информации. Всё последующее время я потратил на поиск и добавление информации.

Файлы css я пока почти не трогал, только прописал нижнюю рамку для шапки. Вот и закончил я добавление информации.

Прописал для каждого своего абзаца теги div и задал им классы. Тут началась работа в css. Это было сложно, но интересно.

Задал каждому своему классу рамку сверху снизу, закруглил их с помощью border-radius на 30px и сделал их голубого цвета

Потом с помощью width ограничил текст на 764px. И поставил margin 0 auto, чтобы при уменьшении или увеличении разрешения экрана, все содержимое выравнивалось по центру.