Попробуйте сделать контейнер в центре страницы, которому пропишите стиль: display: flex;
а в этот контейнер поместите 2 блока, каждому пропишите это: width: 50%;
Лучше учи CSS , а именно флексы и гриды. Эти два инструмента позволят сделать практически какую угодно разметку. Бутстрап точно так же использует эти же флексы и гриды, так что обязательно к изучению. А вот тебе пример как построить твою верстку страниц...
Видите, по центру ДЕЛИМ ПОПОЛАМ СТРАНУ, а снизу и сверху идет СПЛОШЬ
Это называется СЕПАРАТИЗИМ, деяние наказумеое.
В случае же HTML посмотрите в сторону bootstrap, там постоянно такое деление происходит, и ваша схема элементарна в реализации.
