1) Верстка требуется на css flexbox layout (без использования css фрэймворков и сеток).
2) Наименования классов верстки должно соблюдать БЭМ:
{{block}}{{element}}_{{modifier}}
home-profile__avatar
home-profile__progress-bar_blue
home-profile__progress-bar_red
home-stats
3) Требуется использовать функционал Sass для описания вложенных блоков:
.home-profile{
&avatar {

}

&progress-bar_blue {

}
}


Макет по ссылке - https://www.figma.com/file/wvmiwOd6AzqVSR5zV4Ok90/%D0%92%D0%B5%D1%80%D1%81%D1%82%D0%BA%D0%B0-%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B9-DG?node-id=0%3A1

На данный момент в CSS уже имеются:
1. Футер
2. Хедер
3. Стили кнопок
4. Форма