Sanan Yuzb

Поставь отступы для каждого ряда.

Добавляете

ty-menu__submenu {
    position: absolute;
    left: 0;
}

Vimeo

Используйте .container-fluid

margin: 0 auto;

Верстаете адаптивно, тогда он будет валиден на любых экранах

Это скорее всего какой-то элемент растягивается на такую ширину, а остальные омещаются под разммер экрана, поэтому у вас справа такой белый фон. Обычно бывает из-за тега p.

@keyframes myAnimation {
                      0% {
                        opacity: 1;
                      }
                      25% {
                        opacity: 0;
                      }
                      50% {
                        opacity: 1;
                      }
                      75% {
                        opacity: 0;
                      }
                      100% {
                        opacity: 1;
                      }
                    }

Посмотрите может поможет тут

#menu ul li ul - подменю
#menu ul li ul li - пункты подменю

Для div

display: flex;
justify-content: center;
align-items: center;

Берете отсюда трпапецию https://css-tricks.com/examples/ShapesOfCSS/ и при помощи :before с абсолютным позициириванием ставите. Для поворота исполюзуйте transform:rotate(число deg)

В бутстрапе создаете блок с классом container-fluidвнутри него блок с классом row и внутри него блок с классом col-xs-12
и последний блок будет на весь экран, при любых размерах

https://todoist.com/

Картинку делаете float:left;

https://jsfiddle.net/Sanan07/sorknp42/1/