Часто у него такие сбои идиотские?

гугол меня в очередной раз предал

короч флексы игнорируют отступы контейнера и сдвигаются в самый его низ. box-sizing: border-box

Часто у него такие сбои идиотские?

Очень часто

в данный момент пробую отпозиционировать блок

который слева, от "профессии" до кнопки

позиционирую с помощью justify-content-a. и при задании space-around получается то, что выше

который слева, от "профессии" до кнопки

Ни разу не сталкивался с описанной проблемой. Хотя флексы каждый день юзаю.

Наверное просто места не осталось в контейнере?

высота проставлена в процентах, если это важно

Важно

так в том и суть что space-around не должен лепится к самому краю. все падинги и маргины убраны

Ощущение, что блоки просто не помещаются, хотя вы говорите что нет отступов, я бы посмотрел с любопытством

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

Ради интереса можно поставить flex-wrap: wrap; и посмотреть соскочат ли элементы.

да, соскочат. притом фатально

Тогда это тоже вроде намёк в сторону того что не помещаются. Если будет удобно скинуть сюда этот блок на codepen, например, будет гораздо проще понять в чём проблема)

кое что обнаружила. объяснить пока что не могу.

Что такое ворд-врап?

Ну вот) Почти нашелся ответ значит) Надо понять почему весь блок nav не помещается в header-1)

Видимо как раз дело в vh

Тупо не влазит блок nav

https://codepen.io/anon/pen/pZgdEB

Что такое ворд-врап?

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

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

А все понял

а все, и без этого заработало как надо)

а все, и без этого заработало как надо)

И как решила?

Флексами. До этого у блока был фиксированный размер и отступы

Так стоп. Там остались отступы между пунктами. Сейчас вернусь и попробую убрать. Но это бред

как выяснилось дело не в этом

Привет Алиса

Как дела?)

привет, пока что как то не особо

привет, пока что как то не особо

Заливаешь на кодпен и дело двинется

https://codepen.io/anon/pen/pZgdEB

но...

народ а как понятие override styles будет на русском?

конкретно override - когда ты не изменяешь оригинальные стили а должен переназначить их отдельно

но...

и какая задача?

конкретно override - когда ты не изменяешь оригинальные стили а должен переназначить их отдельно

перебить стили

исправить игнорирование падингов родительского контейнера флексами

конкретно override - когда ты не изменяешь оригинальные стили а должен переназначить их отдельно

Перезапись

Перезапись стилей

спасибо

так. проблема в высоте. неужто придется абсолютную прописывать...

так. проблема в высоте. неужто придется абсолютную прописывать...

все проблема решена?

щас бы высоту в 100vh задавать и и ждать что все влезет

нет, высота второго уровня хедера

ребята нужна помощь

какого второго?

ну там естть хедер0 и хедер1

ну там естть хедер0 и хедер1

и чо с ним?

второй не влазит с проставленной высотой

Нужно добавить поддрежку старых версий браузеров для новой CSS grid

второй не влазит с проставленной высотой

ну может потому что он большой а хедер маленький не?

т.е. сделать так что бы на старых шло переключение на floats или что то вроде

да не, там вообще всё плохо

Часто у него такие сбои идиотские?

Такие, это какие?

Уже всё заработало

т.е. сделать так что бы на старых шло переключение на floats или что то вроде

написать гриды перед флоатсами в ксс

6 часов была 502 ошибка от cloudflare

Нужно добавить поддрежку старых версий браузеров для новой CSS grid

старых, это каких например?

6 часов была 502 ошибка от cloudflare

норм

IE11

ERROR: S client not available

неработаботающие с гридами просто проигонрят

если у тебя тариф бесплатный

IE11

он поддерживает с автопрефиксом, за исключением пары функций

неработаботающие с гридами просто проигонрят

проигнорят код grid?

проигнорят код grid?

нуда

это у меня макет кривой или отступ консоли?

белая полоса справа

это у меня макет кривой или отступ консоли?

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

он поддерживает с автопрефиксом, за исключением пары функций

.gallery-grid { display: grid; grid-template-columns: repeat(12, 1fr) }

на кодпене нет никакой полосы

я слабо знаком с гридами

.gallery-grid { display: grid; grid-template-columns: repeat(12, 1fr) }

это вроде поддерживает (с автопрефиксом)

он поддерживает с автопрефиксом, за исключением пары функций

т.е. нет смысла? а IE10? просто задача что бы на IE11 все выглядело так же как и на ch 55+

т.е. нет смысла? а IE10? просто задача что бы на IE11 все выглядело так же как и на ch 55+

нет смысла в чем? у тебя автопрефиксер в сборке подключен и настроен добавлять префиксы для css grid в ie?

нет смысла в чем? у тебя автопрефиксер в сборке подключен и настроен добавлять префиксы для css grid в ie?

хороший вопрос. смотрю

хороший вопрос. смотрю

типа такого в gulp autoprefixer({ flexbox: false, grid: true, cascade: false, browsers: [ 'last 2 versions', 'not IE > 0', 'not dead' ] })

типа такого в gulp autoprefixer({ flexbox: false, grid: true, cascade: false, browsers: [ 'last 2 versions', 'not IE > 0', 'not dead' ] })

понял. В этой задаче сборщик не использую по этому нету такого

а как можно правильно обнулить значение src у изображения

$('.calculate__view_img, .portfolio__elem').on('click', function () { var attr = $(this).attr('src'); $('.modal_img').attr('src', attr); $('#modal_img').slideDown(); $('.close').on('click', function () { $('.modal_img').attr('src', '#'); }); });

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

все не так

но не с этой полоской

она остается

я уже подумываю переверстать его. ибоэто треш.

$('.calculate__view_img, .portfolio__elem').on('click', function () { var attr = $(this).attr('src'); $('.modal_img').attr('src', attr); $('#modal_img').slideDown(); $('.close').on('click', function () { $('.modal_img').attr('src', '#'); }); });

похоже на порнографию

особенно нижние блоки. там главное ничего не трогать и в идеале вообще не изменять размер окна.

все нормально, это мой код

похоже на порнографию

а как можно правильно обнулить значение src у изображения

вот похожая фигня https://codepen.io/kman/pen/dXjpoX

хотя мне даже нравится макет. на ширине 1440 отображается вообще идеально. а 4к вообще имеет смысл делать?

мало ли кто сидит с телика?

"а 4к" Что вы подразумеваеете под 4к?