адаптивные табы

[yulshaz@mail.ru]

Ребят,всем привет!Очень нужна помощь,горят сроки(

Заказчик хочет сделать на сайте вот такое 

http://prntscr.com/bxr0u6

http://prntscr.com/bxr0yj

Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться(

ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN

макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка!

Буду благодарна за любую вашу помощь с этой проблемой!

[klierik]

Тебе проще сверстать 2 блока раздельно для мобайл и декстоп, нежели думать в этом направлении (судя по верстке).

[yulshaz@mail.ru]

15 часов назад, klierik сказал:

Тебе проще сверстать 2 блока раздельно для мобайл и декстоп, нежели думать в этом направлении (судя по верстке).

суть и заключается в том,чтоб одним целым было, а не раздельно - одно из требований

[Igor Schnaider]

17 часов назад, yulshaz@mail.ru сказал:

Js не нужен,сугубо верстка!

Без JS.

[yulshaz@mail.ru]

3 минуты назад, Igor Schnaider сказал:

Без JS.

Не могу немного понять: здесь 2 блока раздельно для мобайл и декстопа?

[Igor Schnaider]

3 минуты назад, yulshaz@mail.ru сказал:

Не могу немного понять: здесь 2 блока раздельно для мобайл и декстопа?

Да. Я просто вынес в модификатор блока. Замените на @media правила.

Edited July 27, 2016 by Igor Schnaider

[klierik]

2 часа назад, yulshaz@mail.ru сказал:

суть и заключается в том,чтоб одним целым было, а не раздельно - одно из требований

Читать твой код — слишком сложно, так как понятна логика его написания, и она не верна. Что бы такое реализовать правильно, и так что бы оно работало, и был один блок для всех случаев, проще написать все с нуля, но это много кода и времени — это не самый простой таск. Не говоря о том что, даже, не известны требования, и реализовать такое можно по-разному, как на jQ так и на jQ+Flex.

Потому я рекомендовал вариант по-проще, так как он будет по силам тебе.