Владислав Михайлов

просто раздели на несколько блоков, задай рамки и склей.

Ну, во-первых, забудьте про прописывание кастомных стилей на одном же уровне что и .col-md-* Не надо так делать. Во-вторых, не уверен, но возможно, как раз эти следующие стили и перебивают вашу ширину. В-третьих, если это четвертый бутстрап, то возможно косячите где-то с разметкой, потому что флексы.

button, 
button:active, 
button:focus {
    outline: none;
}

Тогда не используй сетку где не подходит а пиши свою ширину. высчитай сколько тебе надо % и укажи, паддинги как в Бутстрапе добавить только надо будет скорее всего.

Сделай кастомную сетку для бутстрапа на 16 или 20 колонок вместо 12 и будет норм.

browsersync любой браузер будет обновлять (и даже все браузеры сразу) + он удобнее в использовании и более конфигурируемый, никто уже лайврелоадами не пользуется года 2-3

HTML

<div class="mouth1"></div>
<div class="mouth2"></div>

CSS

.mouth1 {
    background-color: #fff;
    position: absolute;
    left: 100px;
    top: 155px;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    z-index: 1;
}
.mouth2 {
    background-color: #C4CD14;
    position: absolute;
    left: 50px;
    top: 30px;
    width: 300px;
    height: 300px;
    border-radius: 150px;
    z-index: 2;
}

sort, а не sourt...

Вообще их 5 - есть еще xs (extra-small), который является наименьшей единицей размерности. Если нужно применить что-то к такому разрешению, не нужно указывать xs в названиях классов, то есть, col-12 например будет элементом, который занимает 12 колонок, начиная с xs разрешения, а col-sm-12 уже с sm разрешения.

Ух.
Начну с простого. Когда-то для работы с "фронтендом" хватало одного небольшого файлика, который подключался к сайту и делал какую-то минимальную анимацию на сайте (тогда он использовался только для этого).
Затем, появилась библиотека JQuery и стало легче работать с клиентской стороной сайта. Появились новые возможности, к библиотеки начали дополнительно подключать пару-тройку плагинов. Все еще легко.
Потом появились другие библиотеки. Их стало много. И подключать каждый файлик отдельно стало неудобно. Захотелось автоматизировать процессы подключения новых файлов в проект, загрузку их из интернета. Появились бандлеры (для первого) и пакетные менеджеры (для второго). Также, появилась потребность, в момент разработки автоматически перезагружать окно браузера, чтобы проверить внесенные изменения, а также подготавливать проекты к релизу. Появились таск менеджеры. Плюс, необходимо было запускать тесты, чтобы проверить, что все работает правильно. И, наконец, нужна была система контроля версий, чтобы удобно выкатывать изменения, хранить состояния кода в разные моменты времени и так далее. А еще, появился новый синтаксис языка, который содержит новые удобные инструменты, но которые не поддерживаются старыми браузерами, для выполнения этой задачи нужны транспайлеры.

Вот все вот эти инструменты и составляют, в основном, окружение фронтенда. Они помогают упростить рутинную работу, автоматизировать все процессы, которые происходят во все моменты работы над приложением, его публикацией, версионированием и так далее. Возможно, настройка этого окружения требует времени и определенных знаний, но то время, которое экономится - бесценно.
На начальных этапах, уже есть готовые шаблоны. К примеру, когда работаешь над Vue.js проектом, ты вполне можешь использовать vue-cli шаблон webpack-simple, который включает все те пункты, которые я перечислил. Как-то так.

Создать гитхаб-профиль со своими модулями/компонентами/библиотеками/composer-пакетами

• Проекты желательно не полными сайтами, а именно модулями, чтобы легче и понятнее было понять суть, а не пролистывать туеву хучу стандартного для фреймов кода
  
• Код комментируйте, делайте максимально подробные описания и инструкции установки (какие миграции, какая версия пакета актуальная, как его подключить и как конфигурировать), кое-где и видео можно присобачить
  
• Как вариант — сделать свой сайт, который бы более наглядно рассказал о ваших навыках, и более удобоваримо рассказал бы о ваших преоктах
  

Неправильно: https://github.com/Maksclub/trendtech
Правильно: https://github.com/Maksclub/parser

В Python размер массива не задаётся жёстко.
Просто создайте пустой массив a = [], а потом при необходимости вызывайте у него метод append для добавления элементов