Доброго времени суток, уважаемые читатели. Недавно Hugo Giraudel, он же CSS гоблин, SASS хакер и Margin псих опубликовал в своем блоге очень интересную CSS задачку на смышленость.

Сможете заверстать подобное учитывая следующие правила?
- Окружность в центре должна быть прозрачной, чтобы был виден background
- Расстояние между левыми и правыми блоками, как между верхними и нижними должно быть одинаковое
- При наличии потомков в блоке, содержимое должно отобраться
- DOM должен выглядеть следующим образом: ul > li > section > header + footer
- Нельзя использовать JavaScript и изображения
- Дополню еще от себя: нельзя использовать CSS Shape и Clip Path
Чтобы не было очень лень — каркас уже есть.
Сделали?




![[Press Release] Игра «Пазлы: Маша и Медведь» для iPad [Press Release] Игра «Пазлы: Маша и Медведь» для iPad](https://www.pvsm.ru/images/-Press-Release-igra-«pazly-masha-i-medved»-dlya-iPad.png)


