Size: a a a

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

2021 February 03

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Орынбай
там у этого блока col-12 col-md-3 card
мне это ни о чем не говорит
источник

О

Орынбай in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
мне это ни о чем не говорит
Стили бутстрапа
источник

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
источник

О

Орынбай in HTML/CSS — русскоговорящее сообщество
Всё решил, Добавил свой класс с height: fit-content
источник

NN

Nikita Ni in HTML/CSS — русскоговорящее сообщество
Привет ребят, сейчас новый проект предстоит и хотелось бы спросить о преимуществах и недостатках какой нибудь системы grid, работать буду vue-nuxt. Опыта мало с гридами в основном верстаю только flex + media. На сколько я понимаю гриды могут сильно упростить адаптив что для меня является важным моментом
источник

NN

Nikita Ni in HTML/CSS — русскоговорящее сообщество
Если верстка не очень простая стоит ли вообще пытаться и на сколько эта система гибкая
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Nikita Ni
Если верстка не очень простая стоит ли вообще пытаться и на сколько эта система гибкая
Достаточно, что бы уметь то, что умеет любая другая либа, достаточно, что-бы отказаться от всего кроме флексов и гридов
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Одна из самых больших ошибок верстальщика, не учить гриды мол "есть куча вариантов" или "мне флексов хватает" и самый худший "есть же норм либа"
источник

NN

Nikita Ni in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Достаточно, что бы уметь то, что умеет любая другая либа, достаточно, что-бы отказаться от всего кроме флексов и гридов
ну тут не то что бы куча вариантов. Я просто изначально верстал онли флексы, и не было надобности изучать. Хотя что то я пробовал делать на css-grid
источник

NN

Nikita Ni in HTML/CSS — русскоговорящее сообщество
что скажете по поводу этого element.eleme.io/#/en-US/component/layout
источник

AM

Andrii Mosin in HTML/CSS — русскоговорящее сообщество
Nikita Ni
Привет ребят, сейчас новый проект предстоит и хотелось бы спросить о преимуществах и недостатках какой нибудь системы grid, работать буду vue-nuxt. Опыта мало с гридами в основном верстаю только flex + media. На сколько я понимаю гриды могут сильно упростить адаптив что для меня является важным моментом
Смотри флексы по одной оси очень хорошо выравнивают, а грибы делают хорошую сетку, то есть по х и у осям и преимущества в том, что в гридах всего несколько строк, то есть поменять сетку будет не сложно и быстро
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Просто есть разница
Флексы - для горизонтали/вертикали (одномерного позиционирования)
Гриды - для сеток, для любого позиционирования
источник

AM

Andrii Mosin in HTML/CSS — русскоговорящее сообщество
Я когда про гриды узнал офигел от мощности)
источник

NN

Nikita Ni in HTML/CSS — русскоговорящее сообщество
получается вывод такой что я многое потерял не юзая их изначально. А есть материал или даже какой нибудь хороший пример на гите, что б быстрее в это вкатиться
источник

AM

Andrii Mosin in HTML/CSS — русскоговорящее сообщество
Nikita Ni
получается вывод такой что я многое потерял не юзая их изначально. А есть материал или даже какой нибудь хороший пример на гите, что б быстрее в это вкатиться
Напиши в ЛС
источник

BB

Bogdan Bida in HTML/CSS — русскоговорящее сообщество
Думаю лучше через практику и доки
Есть еще игра по типу flex frog

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

NN

Nikita Ni in HTML/CSS — русскоговорящее сообщество
Bogdan Bida
Думаю лучше через практику и доки
Есть еще игра по типу flex frog

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

RZ

Roman Zhukov in HTML/CSS — русскоговорящее сообщество
всем привет, есть див, у которого стоит max-width 1200px. как сделать, чтобы находящийся в нем див всегда был на всю ширину экрана?
источник

A

Arslan in HTML/CSS — русскоговорящее сообщество
Roman Zhukov
всем привет, есть див, у которого стоит max-width 1200px. как сделать, чтобы находящийся в нем див всегда был на всю ширину экрана?
Могу ошибаться, но кажется второму диву нужно задать position: absolute и задать ширину которая нужна
источник

NN

Nikita Ni in HTML/CSS — русскоговорящее сообщество
Roman Zhukov
всем привет, есть див, у которого стоит max-width 1200px. как сделать, чтобы находящийся в нем див всегда был на всю ширину экрана?
width 100%; или min-width:100%
источник