.block {
&__elem1 {
}
&__elem2 {
}
&__elem3 {
}
&__elem4 {
}
}
Значит, необязательно ВСЮ страницу, писать по BEM... а лишь только с над теми элементами, которые должны повторяться в коде, я правильно?
.s-section {
margin: 0;
}
.s-section__header {
margin: 0;
}
.s-section__title {
padding: 0;
}
.s-section__data-sample {
text-decoration: none;
}
.s-section__data-name {
margin: 0;
font-size: 2em;
}
.s-section__data-title {
font-weight: bold;
}
img {
max-width: 100%;
vertical-align: middle;
}
2. Ноутбук в круге сделать тоже фоном через запятую.
3. Круг сделать псевдоэлементом, относительно ноутбука, а круги-волны сделать с помощью box-shadow. Можно радиальным градиентом.
Лучше 3-й вариант.
UPDATE. Про box-shadow сказал, не подумав нормально. Я не знаю, как с box-shadow так сделать (прозрачные круги с тонкой границей и отступом от элемента).