ink, ну опять:
1. Зазор между центральными полукругами - меняется, а размер верхней и нижней полукруглой части - нет. См. пример.
2. Углы, прилегающие - сравните тоже с примером.
Gokilla, а с чего ты взял, что работоспособный код есть у кого-то или даже у sim3x ? И что код, который (может быть) дадут - точно не будет тем "самописным калом"?
sim3x, эффективная - обычно, единственная. А вот лопатить и искать "свою эффективную" методом перебора, когда есть структурированный документ (XML-теги) и документация всех свойств CSS - это заранее epic fail!
sim3x, Это ему не поможет навести порядок в голове: ему нужно понять ПРАВИЛЬНУЮ последовательность действий при вёрстке (от большего к деталям), а не верстать пачками тучу макетов, наступая многократно на одни и те же "грабли" и не возвращаясь к исправлению блоков верхних уровней.
Hyubert, неудачный пример. макет может вполне корректно быть свёрстанным на float в эру flexbox. И наоборот: не факт, что макет, свёрстанный в эру flexbox и на flexbox, будет лучше, чем тот же макет на float. Всё зависит от верстальщика.
Hyubert, sim3x, можно сверстать 1 млн. макетов, но так и не научиться верстать...
Ваши вопросы, ребята, бессмысленны...
Это всё равно, что спросить: сколько раз ты рождался, чтобы понять эту жизнь?)))
Пока нет понимания образования последовательностей и их зависимостей - нет и прогресса: т.к. это просто станок с ЧПУ)