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

[yulshaz@mail.ru]

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

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

http://prntscr.com/bxr0u6

http://prntscr.com/bxr0yj

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

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

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

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

[klierik]

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

[yulshaz@mail.ru]

  On 7/26/2016 at 3:02 PM, klierik said:

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

Expand  

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

[Igor Schnaider]

  On 7/26/2016 at 2:54 PM, yulshaz@mail.ru said:

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

Expand  

Без JS.

[yulshaz@mail.ru]

  On 7/27/2016 at 8:18 AM, Igor Schnaider said:

Без JS.

Expand  

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

[Igor Schnaider]

  On 7/27/2016 at 8:23 AM, yulshaz@mail.ru said:

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

Expand  

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

Edited July 27, 2016 by Igor Schnaider

[klierik]

  On 7/27/2016 at 6:06 AM, yulshaz@mail.ru said:

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

Expand  

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

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