Вывод Карты На Странице

Доброго времени суток!

Уже какой день не могу заставить появиться расположения карты справа от текста.

Прошу помощь разобраться с этим вопросом.

Ссылка на страницу с картой адреса компании:

http://vodamk.ru/index.php?dispatch=pickup.view

Не нашел как картинку прикрепить, в общем смысл такой:

@media (min-width: 481px) { // мобильники не трогаем
    .ty-pickup-location {
        display: flex;                       // контейнер
    }
    .ty-pickup-location__locations-wrapper,
    .ty-pickup-location__map-wrapper {
        width: 50%;                          // задаем ширину
        box-sizing: border-box;              // на случай если будут внутренние отступы
        margin: 0;                           // обнуляем внешние отступы   
    }
    .ty-pickup-location__item {
        width: auto; //здесь по умолчанию ширина 33% - делаем на всю ширину
    }
}

Я мог что-то забыть, но смысл такой.

Не нашел как картинку прикрепить, в общем смысл такой:

@media (min-width: 481px) { // мобильники не трогаем
    .ty-pickup-location {
        display: flex;                       // контейнер
    }
    .ty-pickup-location__locations-wrapper,
    .ty-pickup-location__map-wrapper {
        width: 50%;                          // задаем ширину
        box-sizing: border-box;              // на случай если будут внутренние отступы
        margin: 0;                           // обнуляем внешние отступы   
    }
    .ty-pickup-location__item {
        width: auto; //здесь по умолчанию ширина 33% - делаем на всю ширину
    }
}

Я мог что-то забыть, но смысл такой.

Спасибо, всё сработало как задумано!

Спасибо, всё сработало как задумано!

Да не за что!

Если поддерживаете старые браузеры типа ie9- которые не поддерживают flexbox добавьте еще:

.ty-pickup-location:before,
.ty-pickup-location:after {
    display: table;
    content: "";
    line-height: 0;
    flex-basis: 0;
    order: 1;                     
}
.ty-pickup-location:after {
    clear: both;
}
.ty-pickup-location__locations-wrapper,
.ty-pickup-location__map-wrapper {
    float: left;
    min-height: 1px;  
}