АН
Alexandra Kozlovskaya на флексах верстаю давно, только сообразить что то не получается как именно повторить туже адаптивность как на том сайте
Size: a a a
2020 June 01
АН
Alexandra Kozlovskaya начни сжимать браузер с тем сайтом и увидишь как адаптируется карточки идя к моб версии
е
Артур Назимович
Всем привет! Подскажите пожалуйста как мне сверстать точно такое же поведение при адаптации карточек товаров, чтоб на большом экране отображалось 4 карточки потом чуть сжались и перешли в 3 карточки и опять чуть сжались и перешли в 2 карточки в моб. версии. Как это сделать или где об этом можно почитать? Вот пример сайта https://www.asos.com/ru/men/tufli-botinki-i-kedy/cat/?cid=4209&nlid=mw&irgwc=1&clickid=_0zk0rxdzhgkftzdl0mmfy6qmlm2xnvemkf6gf3rq00&affid=25376&pubref=2096258
Ширину карточки менять на брейкпоинтах, она должна быть в процентах. Да и вопрос этот лучше бы задать во флудилку, здесь же джс
М
Артур Назимович
Alexandra Kozlovskaya начни сжимать браузер с тем сайтом и увидишь как адаптируется карточки идя к моб версии
calc + медиа запросы
е
Ширину карточки менять на брейкпоинтах, она должна быть в процентах. Да и вопрос этот лучше бы задать во флудилку, здесь же джс
Ну и плюс flex-wrap: wrap, как уже сказали
I
такс, верстка в флудилку
АН
@html_developer дайте пожалуйста ссылку на флудилку
I
Артур Назимович
@html_developer дайте пожалуйста ссылку на флудилку
все ссылки в закрепе или описании чата
АН
все увидел! Спасибо
2020 June 02
OB
Кто работал с PhotoSwipe?
DH
Ребят, кто подскажет анимации для мобильных меню? Чтобы когда ты активируешь меню, то список выпадал по-разному? Скажем, чтобы каждая строчка выпадала с задержкой в 0.5s и т.п.?
Есть у кого источники на похожую тему?
Есть у кого источники на похожую тему?
ИМ
Ребят, кто подскажет анимации для мобильных меню? Чтобы когда ты активируешь меню, то список выпадал по-разному? Скажем, чтобы каждая строчка выпадала с задержкой в 0.5s и т.п.?
Есть у кого источники на похожую тему?
Есть у кого источники на похожую тему?
Сделайте на css анимацию, и навесьте на каждый пункт, в котором для каждого пункта будет delay 0.5s или сколько захотите
VZ
Здравствуйте . Подскажите, может сталкивался кто-то: как вместе с метрикой использовать другую ф-цию по клику onclick=" nextPage(); ym(56135269, 'reachGoal', 'return_ordercheckout); return true;" Если метрику убрать - все работает, и так тоже не пашет onclick=" ym(56135269, 'reachGoal', 'return_ordercheckout); return true; nextPage();"
М
Здравствуйте . Подскажите, может сталкивался кто-то: как вместе с метрикой использовать другую ф-цию по клику onclick=" nextPage(); ym(56135269, 'reachGoal', 'return_ordercheckout); return true;" Если метрику убрать - все работает, и так тоже не пашет onclick=" ym(56135269, 'reachGoal', 'return_ordercheckout); return true; nextPage();"
return true
Убери
VZ
return true
Убери
not working ((
М
not working ((
Что именно? Цель не засчитывает или 2-й скрипт так и не работает?
I
Читаем правила
A
Читаем правила
извиняюсь
VZ
Что именно? Цель не засчитывает или 2-й скрипт так и не работает?
да, не работает второй скрипт. цель не знаю, у меня доступа нет, но и убрать я ее не могу . Даже если так то браузер ругается <input type="submit" onclick="function onClick(){nextPage(); ym(56135269, 'reachGoal', 'return_ordercheckout); } " value="Заказать" class="wpcf7-form-control wpcf7-submit button-select button_green-button_
order_checkout-button-analytics xzx"> http://prntscr.com/sse5qp
order_checkout-button-analytics xzx"> http://prntscr.com/sse5qp
М
да, не работает второй скрипт. цель не знаю, у меня доступа нет, но и убрать я ее не могу . Даже если так то браузер ругается <input type="submit" onclick="function onClick(){nextPage(); ym(56135269, 'reachGoal', 'return_ordercheckout); } " value="Заказать" class="wpcf7-form-control wpcf7-submit button-select button_green-button_
order_checkout-button-analytics xzx"> http://prntscr.com/sse5qp
order_checkout-button-analytics xzx"> http://prntscr.com/sse5qp
onclick="function onClick(){nextPage();
Что это?)<input type="submit" onclick="nextPage(); ym(56135269, 'reachGoal', 'return_ordercheckout');" value="Заказать" class="wpcf7-form-control wpcf7-submit button-select button_green-button_
order_checkout-button-analytics xzx">
Вот