Как реализовать страничку без скролинга и как правильно расставить элементы в ней?

Question

[Jedi]

Доброе утро!

Помогите мне пожалуйста с реализацией.

Как можно реализовать примерно такую страничку? Не знаю видно по скриншоту или нет, в этой странице нет скроллинга, ни в горицонтальном виде, ни в вертикальном.



1. Как ГРАМОТНО реализовать страницу основную без скролинга?
2. Как правильно расставить последующие элементы в ней (Лого, номер телефона, надпись снизу и т.д.)?

Я там могу реализовать это, но я хочу узнать, как именно это сделать грамотно, какие стили должны быть прописаны, какие теги должны по стандартам присутствовать(header, main, footer) или можно без них обойтись?

Хотел бы увидеть примеры, а если возможно прочитать о реализации подобного рода сайта.

Дополнение: Основной контент будет по середине, а вот лого и другие элементы поверх контента.

Заранее большое спасибо!

Answer 1

[Andrej Sharapov]

Убрать сам скролл ::-webkit-scrollbar {width:0;height:0}
Сайт в один экран body {height: 100vh} а дальше корректируйте. На счет стандартов делайте по необходимости. Зеленый круг, например, в header, "привет мир" в footer, остальное в main. Сами, на глаз, раскидайте контейнеры