Size: a a a

HTML/CSS — русскоговорящее сообщество

2020 October 16

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
С разбиением нужно слушать ширину вьюпорта и перерисовывать на брейкпоинтах. Не люблю делать на js то, что умеет делать css.
источник

ИЛ

Иван Литвак... in HTML/CSS — русскоговорящее сообщество
Misha Zamkevich
Да, но адаптивка же )), там и две колонки и одна.

Это становиться несколько сложно просчитывать на фронте.

Вообще в любом случае не просто.
Если элементов < 10 - одна колонка
Если <20 - две
Остальное три.
Например
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
В любом случае маркировку я уже написал
источник

ИЛ

Иван Литвак... in HTML/CSS — русскоговорящее сообщество
Для мобилок/планшетов тож наверн нужно подобное запилить
источник

ИЛ

Иван Литвак... in HTML/CSS — русскоговорящее сообщество
Хм, может мой способ затратнее в итоге получится, с учетом этих проверок
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Иван Литвак
Если элементов < 10 - одна колонка
Если <20 - две
Остальное три.
Например
Да, но адаптивка так не сработает.

То есть:
width > 900px = 3 колонки
460 < width < 900px = 2  колонки
width < 460px = 1 колонка
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Иван Литвак
Хм, может мой способ затратнее в итоге получится, с учетом этих проверок
Да, мне показалось, что проще сразу размаркировать весь массив.

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

Этот способ очень хорошо работает.
источник

ИЛ

Иван Литвак... in HTML/CSS — русскоговорящее сообщество
Misha Zamkevich
Да, мне показалось, что проще сразу размаркировать весь массив.

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

Этот способ очень хорошо работает.
А кодепен можешь сделать?
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Могу закинуть сюда функцию, которая маркирует массив.
источник

ИЛ

Иван Литвак... in HTML/CSS — русскоговорящее сообщество
Я чет не врубаюсь как оно работает
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Погоди, я стили допишу и покажу.
источник

DD

Deka Dancer in HTML/CSS — русскоговорящее сообщество
куда заказ закинуть можно? мне не в тему а другим сгодится
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
Deka Dancer
куда заказ закинуть можно? мне не в тему а другим сгодится
какой заказ
источник

A

Aleksandr in HTML/CSS — русскоговорящее сообщество
Санжар
какой заказ
На устранение цели, очевидно же, тут чат киллеров
источник

С

Санжар in HTML/CSS — русскоговорящее сообщество
Aleksandr
На устранение цели, очевидно же, тут чат киллеров
так он и в другие группы кинул)
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Deka Dancer
куда заказ закинуть можно? мне не в тему а другим сгодится
если по работе, можешь сюда
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Иван Литвак
А кодепен можешь сделать?
Вот так это работает

https://telegra.ph/Razmetka-kolonok-10-16
источник

N

NikoBer in HTML/CSS — русскоговорящее сообщество
всем привет. посоветуйте библиотеку паралакс
источник

AA

Andrey Anelkin in HTML/CSS — русскоговорящее сообщество
Всем привет. есть маленький вопрос: есть картинка, которая уже, чем блок, но длинее его. мне надо его растянуть по всему блоку, но чтобы было видно всю картинку ?
источник

MZ

Misha Zamkevich in HTML/CSS — русскоговорящее сообщество
Andrey Anelkin
Всем привет. есть маленький вопрос: есть картинка, которая уже, чем блок, но длинее его. мне надо его растянуть по всему блоку, но чтобы было видно всю картинку ?
Тогда, исходи из вашего объяснения, у картинки нарушатся пропорции — это ок? (вообще это совсем не ок)
источник