Inacheinache

Это контуры. И для каждой части задан свой цвет. Скругление - это настройка обводки, там есть вариант скругления концов.

Чтобы не искали, из Twitter Bootstrap:

Large display 1200px and up
Default 980px and up
Portrait tablets 768px
Phones to tablets 767px
Phones 480px and below

Хотя я для планшетов остановлюсь все-таки на 720. Андроид-планшеты популярны с HD Ready 720p.

P.S. Неимоверно рад, что теперь на Хабре. Есть возможность спросить у профессионалов, которые реально занимаются подобным.

фантазировать можно долго и много, но по факту для реальных бизнес-проектов делают 2 разрешения: декстоп под 1280px неретиновых экранов и усредненный телефонный размер типа 375px

никто не будет оплачивать вам десятки разных макетов, к тому же с резиной возникают проблемы у пользователя: если сайт постоянно меняется при изменении размеров окна браузера, то пользователи не могут найти то, что искали там, где они это видели раньше

Ответов на данную тему много, но мне пока не удалось собрать все в единый алгоритм и порядок...

Есть один тайный способ, который гуру UX бережно хранят уже много лет. И простой и сложный одновременно, подходящий для любых сайтов. Только избранный может познать всю мощь идеи, которая в него заложена... Называется он "контент-фёрст дезигн". В переводе со англо-славянского "смотри на контент и делай так, чтобы его было удобно потреблять на любых устройствах". Нет конкретных разрешений, под которые что-то нужно подгонять. Напротив - стоит стремиться делать так, чтобы везде было хорошо. Получится два состояния страницы - хорошо, получится десять - ну значит десять.