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