onahapa

for bears

foreach ($query_country as $country) {
            $query_mark = self::findAll([$country->id]);
                $mass[] = [
                    'label' => $country->country_name,
                    foreach ($query_mark as $mark) {
                        'items' => [
                            [
                                'label' => $mark->mark,
                                'url' => ['#']
                            ],
                        ]
                    }
                ];
        }

У Вас же высота фиксирована. Если только ручками самому

$('button').on('click', function(){
  $('.children_block').height('170px');
  $('.fixed_block').height('190px');
});

$('a').on('click', function(e){
  e.preventDefault();
  $('.children_block').height('130px');
  $('.fixed_block').height('150px');
});

Почитай api сайтов(vk.com), приложений(steam), там есть вся инфа =)
Для простой жизни: https://ulogin.ru/

Всем спасибо. Покопался еще и понял, что на jsfiddle код не запускался, создал файл у себя на рабочем столе и ву-а-ля =)

Попробуйте сделать их не четырехугольниками, в пятиугольниками, и просто закруглить 2 угла.