В общем и целом, тем более если учитывать, что только 10 дней учился - это очень и очень хорошо.
Косяки ты и сам можешь видеть где верстка уезжает и прочее, про горизонтальный скролл и семантику тебе уже сказали, бэм тоже.
От себя могу добавить, что на карточках с прайсом, где сделано градиентом - режутся края.
Формы дивами конечно тоже не стоит добавлять, ты же их отправлять собираешься потом))
Также пути к статике (картинки, css и пр.) указывать лучше абсолютные, а не относительные (ну если ты создашь вторую внутреннюю страницу, ты сам это поймешь)
<img class="member_photo" src="src/img/members/member_two.png" alt="member_two">
Также например вместо этого можно было добавить общий стиль, либо модификатор может какой
.facebook_btn:hover .facebook,
.twitter_btn:hover .facebook,
.chat_btn:hover .facebook,
.global_btn:hover .facebook,
.facebook_btn:hover .twitter,
.twitter_btn:hover .twitter,
.chat_btn:hover .twitter,
.global_btn:hover .twitter,
.facebook_btn:hover .global,
.twitter_btn:hover .global,
.chat_btn:hover .global,
.global_btn:hover .global,
.facebook_btn:hover .chat,
.twitter_btn:hover .chat,
.chat_btn:hover .chat,
.global_btn:hover .chat {
-webkit-filter: invert(1);
filter: invert(1)
}
такую ширину нельзя указывать, как ты на мобильных будешь смотреть? делай резиной в будущем
.img_blog {
width: 540px;
height: 400px
}
.img_blog2 {
width: 540px;
height: 400px
}
каждому элементу не обязательно font-family указывать
.contact_us {
text-align: center;
font-family: "Open Sans";
font-weight: bold;
color: #fff;
font-size: 19pt;
margin-top: 100px
}
.contact_us_down {
text-align: center;
font-family: "Open Sans";
font-weight: normal;
color: #fff;
padding-bottom: 75px
}
.contact_info {
padding-top: 25px;
padding-bottom: 40px;
font-family: "Open Sans";
font-weight: 600;
color: #fff;
font-size: 14pt;
text-align: center
}
pt уже по-моему никто не использует. используй px, rem, иногда em
.header_text {
font-size: 30pt
}
.header_descr {
font-size: 13pt
}
Успехов!
Простой
