Максим Крутов

Я так понимаю, сам дизайн оценивать смысла нет, да и уже высказались по поводу него предыдущие ораторы.
По CSS Вашему единственное замечание: не используйте !important, ну или хотя бы старайтесь его не использовать.
Поверстайте готовые макеты, потом освойте немного js. После можно переходить на какой нибудь SCSS и разбираться со сборкой проектов (я использую Webpack)

выровнять меню и лого
придерживать одной ширины внутреннего контейнера (ну или внутренних отступов)
карточки сливаются с фоном и под ними выставить отступы
синий цвет при наведении смотрится с красным вульгарно. Используйте что то помягче, лучше тот же красный
инпуты в форме растянуты, как и сама форма.
меню - лютый треш, особенно цвета
увеличивающийся логотип с border-dashed - колхоз.
Не используйте большое кол-во цветов. Выберите штуки 3 и придерживайтесь одного стиля
Кирпичная стена на фоне ? ) только не в 2018
в футере лого справа без отступа.
Нет эффектов при наведении, кроме тех, что вырвиглаз.
box-shadow не в тему - слкишком его много.
На смартфоне лого слишком большое и создаёт полосу прокрутки по горизонтали. Кнопка меню где-то там, где ей не место

Покопайтесь на tamplatemonster.com, присмотритесь к дизайнам других людей, берите на заметку, развивайте чувство вкуса и стиля.

Я приношу извинения, я критиковал только дизайн, а нужно было вёрстку.. Смотреть чужой код для меня то ещё испытание.. Надеюсь, мой комментарий тоже будет полезен)

Для первого сайта - хорошо.
Что сразу бросилось в глаза:
1) Дизайн. Ну это лютый треш, если хочешь быть не только верстальщиком, но и дизайнером - изучай современные веяния. (https://ichigarev.ru/veb-dizayn/trendyi-veb-dizayn... посмотри ссылочку, тут даже не на советы обращай внимание, а просто на картинки посмотри как должен выглядеть современный сайт). Также есть куча агрегаторов куда выкладывают свои работы дизайнеры, все это обязательно к ознакомлению.
2) Касательно верстки пощелкал немного, особо грехов нет, у многих опытных верстаков код не лучше. Обрати внимание на ошибки в консоли. И не увлекайся бутстрапом на первых порах, попробуй без него сверстать страницу, не им единым живы, а так привыкнешь ничего хорошего не будет.
3) Оптимизация. Про это тебе уже писали проверяй сайты на https://developers.google.com и исправляй ошибки. Все картинки сжимаются перед тем как выкладывать, вот тебе сервис для этого https://tinypng.com
4) Тренируйся на нормальном макете например . Возьми его и не спеша делай, старайся максимально качественно, это тебе на пару месяцев хватит, думаю.
Удачи в твоих начинаниях, будет нужен еще совет - пиши.

https://gist.github.com/
https://jsfiddle.net/

Что могу сказать, плохо пробовали.
через маргины
через flex
через text-align
через position: relative

И есть еще целая куча способов, как это можно сделать.