Я здесь накидал скриншотов разных часто встречающихся блоков, нужно будет написать плоскую структуру блока, о которой говорили в видео №2. Примеры именования блоков и элементов. Пример как оформлять привел для картинки №1. Все остальные нужно придумать самим. Всего их 11, если считать первую.
Pic 1
// Pic 1qwe
.info-block {
&__img {}
&__container {}
&__title {}
&__text {}
&__btn {}
}Pic 2
// Pic 2
// Your code goes here
.tweet {
&__img {}
&__text {}
&__date {}
}Pic 3
// Pic 3
// Your code goes here
.scope {
&__logo {}
&__title {}
&__text {}
}Pic 4
// Pic 4
// Your code goes here
.head {
&__title {}
&__break {}
&__text {}
}Pic 5
// Pic 5
// Your code goes here
.about {
&__photo {}
&__title {}
&__title-amp {}
&__break {}
&__text {}
&__expirience {}
&__expirience-info {}
}Pic 6
// Pic 6
// Your code goes here
.info {
&__img {}
&__title {}
&__break {}
&__text {}
&__btn {}
}Pic 7
// Pic 7
// Your code goes here
.menu {
&__item {}
&__basket {}
&__search {}
&__more {}
}Pic 8
// Pic 8
// Your code goes here
.place-block {
&__title {}
&__text {}
&__phone {}
}
.feedback-block {
&__rating {}
&__rating-star1 {}
&__rating-star2 {}
&__rating-star3 {}
&__rating-star4 {}
&__rating-star5 {}
&__score {}
&__like {}
&__like-active {}
}Pic 9
// Pic 9
// Your code goes here
.proposal-block {
&__title {}
&__break {}
&__cost {}
&__cost-number {}
&__option {}
&__btn {}
}Pic 10
// Pic 10
// Your code goes here
.feedback {
&__reviews {}
&__container {}
&__title {}
&__text {}
&__rating {}
&__author {}
&__date {}
&__break {}
}Pic 11
// Pic 11
// Your code goes here
.product-info {
&__img {}
&__breadcrumb {}
&__navbtn {}
&__navbtn-next {}
&__navbtn-prev {}
&__title {}
&__break {}
&__price {}
&__rating {}
&__rating-star1 {}
&__rating-star2 {}
&__rating-star3 {}
&__rating-star4 {}
&__rating-star5 {}
&__reviews {}
&__decsription {}
&__count {}
&__addbtn {}
&__favorite {}
}
.share-block {
&__title {}
&__facebook {}
&__twitter {}
&__pinterest {}
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent