Я здесь накидал скриншотов разных часто встречающихся блоков, нужно будет написать плоскую структуру блока, о которой говорили в видео №2. Примеры именования блоков и элементов. Пример как оформлять привел для картинки №1. Все остальные нужно придумать самим. Всего их 11, если считать первую.
Pic 1
// Pic 1qwe
.info-block {
&__img {}
&__container {}
&__title {}
&__text {}
&__btn {}
}Pic 2
// Pic 2
.post {
&__icon {}
&__text {}
&__date {}
}Pic 3
// Pic 3
.advantegs {
&__wrapper
&__item {}
&__icon {}
&__title {}
&__text {}
&__icon--responsive {}
&__icon--scroling {}
&__icon--fullcontrol {}
}Pic 4
// Pic 4
.article {
&__title {}
&__text {}
}Pic 5
// Pic 5
.profile {
&__avatar {}
&__title {}
&__line {}
&__text {}
&__wrapper {}
&__item {}
&__value {}
&__description {}
}Pic 6
// Pic 6
.optimize-block {
&__img {}
&__title {}
&__btn {}
&__btn--view {}
&__btn--see {}
}Pic 7
// Pic 7
.main-menu {
&__wrapper {}
&__item {}
&__link {}
&__link--basket {}
&__link--search {}
&__link--bar {}
}Pic 8
// Pic 8
.info-block
&__wrapper {}
&__photo {}
&__title {}
&__address {}
&__icon {}
&__icon--phone {}
&__items {}
&__star {}
&__rating {}
&__icon--liked {}
}Pic 9
// Pic 9
.price-block
&__wrapper {}
&__title {}
&__line {}
&__price {}
&__separate {}
&__month {}
&__items {}
&__item {}
&__btn {}
}Pic 10
// Pic 10
.review
&__title {}
&__count {}
&__line {}
&__wrapper {}
&__comment {}
&__info-wrapper
&__rating {}
&__author {}
&__date {}
&__text-wrapper
&__title
&__text
}Pic 11
// Pic 11
.product
&__photo {}
&__wrapper
&__item {}
&__breadcraums {}
&__separate {}
&__title {}
&__link {}
&__link--next {}
&__link--previos {}
&__price {}
&__rating {}
&__reviews {}
&__description {}
&__wrapper-order {}
&__quantity {}
&__link--up
&__link--downd
&__btn
&__link--liked
&__wrapper-item {}
&__label {}
&__icon {}
&__icon-fb {}
&__icon-tw {}
&__count
}