Оборачивай лучше, колонки требуют префиксов и могут не заработать

работает с ie11 и во всех других браузерах актуальных

https://caniuse.com/#search=Multiple%20column%20layout

С кучей префиксов...

даже с ie10

не думаю, что мне принципиально кроссбраузерность под ie9 делать

С кучей префиксов...

да какая разница, главное, что работает

Омагад, width: calc(100% / 3) уже религия не позволяет? ? И ширину ограничить

Омагад, width: calc(100% / 3) уже религия не позволяет? ? И ширину ограничить

можно и так, но это меняет сетку)

порядок вывода элементов

кстати, пока не знаю каких-то конкретных кейсов, где можно calc() юзать

Привет Mikhail ! Группа Вк: vk.com/web_structure Библиотека верстальщика: @weblibrary Веб Дизайн: @dev_design Freelancer: @web_fl

Всем привет

кстати, пока не знаю каких-то конкретных кейсов, где можно calc() юзать

у меня знакомые часто юзают calc

можно и так, но это меняет сетку)

А, заметил. Тогда тупо колонки, да

у меня знакомые часто юзают calc

для чего?

кстати, пока не знаю каких-то конкретных кейсов, где можно calc() юзать

Почти в каждом проекте юзаю

Где домен завести? какой регистратор за рубежом самый нормальный?

с отступами играют

calc(100% / 3) равносильно 33.333%

с отступами играют

box-sizing: border-box решает это

Сетки делать норм с calc

макро розметка?

Смысле?

Width: calc ((100% - #{$gutter}) / 2);

а как еще отнять 50px от 100vh например, без calc

ужс какой)

а как еще отнять 50px от 100vh например, без calc

padding задать блоку

padding задать блоку

не катит, там absolute

ну код не видел, так что фиг знает

calc(100% / 3) равносильно 33.333%

33.333 это порево ?

33.333 это порево ?

сойдёт)

ну код не видел, так что фиг знает

в мобильных меню часто требуется подобное

всё равно браузер будет с этой цифрой работать

редко от части

сойдёт)

Есть у тебя секция с карточками товаров. На максимальной ширине в ней 5 товаров. На минимальной - 1. Как ты по брейкпоинтам им будешь задавать ширину?)

но в общем calc зло, да и вообще вычисления в css

Есть у тебя секция с карточками товаров. На максимальной ширине в ней 5 товаров. На минимальной - 1. Как ты по брейкпоинтам им будешь задавать ширину?)

@media

@media

Перечитай)

бутстрап умеет же

АААА, ПОООНЯЯЯЯТТТНО)))))))

Есть у тебя секция с карточками товаров. На максимальной ширине в ней 5 товаров. На минимальной - 1. Как ты по брейкпоинтам им будешь задавать ширину?)

это легко без брейкпоинтов решается в css grid одной строкой

Не очень понимаю, как тут калк поможет)

это легко без брейкпоинтов решается в css grid одной строкой

grid пока рано, если ты о них)

Не очень понимаю, как тут калк поможет)

Так как ты будешь делать это без бутстрапа? Задавать ширину карточкам. Именно ширину, без всяких flex-grow

в % видимо

Так как ты будешь делать это без бутстрапа? Задавать ширину карточкам. Именно ширину, без всяких flex-grow

А ты что предлагаешь, давай с этого начнём

Может быть, я твою задачу не понял даже

А ты что предлагаешь, давай с этого начнём

@media max-width: 1000px width: calc(100% / 5) @media max-width: 800px width: calc(100% / 4) @media max-width: 600px width: calc(100% / 3) @media max-width: 400px width: calc(100% / 2) @media max-width: 200px width: 100%

гыгыгы ) неужели лень руками забить % нафиг тут calc

` @media max-width: 1000px width: 20% @media max-width: 800px width: 25% @media max-width: 600px width: 33.333% @media max-width: 400px width: 50% @media max-width: 200px width: 100%

гыгыгы ) неужели лень руками забить % нафиг тут calc

Зачем?)

не?

действительно, зачем, проще написать выражение, вместо значения. Также, руками

Я ещё понимаю, если это всё автоматически как-то генерировалось, но в препроцессорах это без калк вычисляется из таких же выражений

Зачем?)

ну calc как бы моветон

ну calc как бы моветон

Дичь ?

експерты

а так и не помогли муне

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

Я ещё понимаю, если это всё автоматически как-то генерировалось, но в препроцессорах это без калк вычисляется из таких же выражений

Представь, что там не 5, а 7/9/еще сколько то. Ты прост пишешь цифру, которая равна количеству элементов, и можешь ее менять. У - удобство

Дичь ?

да можно юзать так, но типа этикет не позволяет, и KISS

Представь, что там не 5, а 7/9/еще сколько то. Ты прост пишешь цифру, которая равна количеству элементов, и можешь ее менять. У - удобство

ок, делай так, никто же не против

да можно юзать так, но типа этикет не позволяет, и KISS

А 33.333% позволяет?)

а так и не помогли муне

а с чем тебе надо помочь?

п.с где домен купить?

ERROR: S client not available

не в рф

розставить елементы

А 33.333% позволяет?)

ага, так сложилось, я якудза старой школы )

columns не подошло

в моем примере*

ага, так сложилось, я якудза старой школы )

Это я уж заметил, по ненависти ко всему новому с твоей стороны))

розставить елементы

я же тебе ссылку дал на рабочий вариант

чего ещё надо?)

не рабочий

:D

совершенно не то что нужно

лол. В чём он нерабочий-то?

даже "совершенно")

Народ подскажите как поступить в такой ситуации. Как экспортировать такую картинку? Так как видно из скрина она больше, просто перекривается белым фоном. Как экспортировать нужный размер? Или забыть и игратся с позиционированием и z-index? Последний вариант мне не нравится что-то)

Измени html, разбей всё на три колонки и потом допиши стили

вырезать по контуру — не?

ну по идее, потом в эти слоты для картинок заказчик будет загружать разных размеров картинки, так что нужно постараться чтоб они все ровно стояли внезависимости от размеров

или просто обрежь в чем трабл?

Народ подскажите как поступить в такой ситуации. Как экспортировать такую картинку? Так как видно из скрина она больше, просто перекривается белым фоном. Как экспортировать нужный размер? Или забыть и игратся с позиционированием и z-index? Последний вариант мне не нравится что-то)

Сведии ее с блоком, на который она наложена

Она же как маска

Измени html, разбей всё на три колонки и потом допиши стили

мне нужны там именно li'шки

я просто вырезаю по видимой части, а вы как делаете?

А оригинал заданного размера или разный?

мне нужны там именно li'шки

без разделения

А оригинал заданного размера или разный?

разный

разный

Тогда никак

Она же как маска

гениально, зачем я придумываю велосипед?)

обьеденил слои и не парюсь)

Рыба от души

мне нужны там именно li'шки

ок, бесплатный ответ ты уже истратил)