Дмитрий Афанасьев

работа для профи ? для "новичка++" подработать на этом можно ? 

Я бы явно задал ширину левой части для кажого пункта и выровнил бы с права, а для данных что с лева выронил бы с лева и ширину задал бы резиновую. 

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

del

Раздел не совсем тот. Это я так понимаю уже бекенд и бд. 

Я паддинги задаю, например padding: 0 10px;  

12 минут назад, Denzell97 сказал:

JS я еще не знаю. Напишите пожалуйста небольшой пример хотя бы на JS что бы моя задумка работала.

Я сам не особо силен. Но думаю умельцы напишут. А так еще как то можно наверно через calc() сделать. 

Без js тут не сделаешь.

https://kimmobrunfeldt.github.io/progressbar.js/

8 часов назад, Switch74 сказал:

http://jsfiddle.net/j1vgt7u3/

Не понял за счет чего такое чудо происходит.

В 16.07.2018 в 18:47, Igor Schnaider сказал:

Не понял вопрос тогда.

В смысле, чтобы просто исчезла картинка на малом размере? Тогда media queries в помощь – display: none.

нет, чтобы обрезалась и не появлялся прокрутка когда не помещается картинка. А так она когда непомещается и когда помещается все равно обрезается. 
—————————--
Изменено: 
Да понял как делается спасибо я то hidden прописывал body а нужно было тот блок на котором все строится. 

 

2 часа назад, Igor Schnaider сказал:

overflow: hidden на общем для всей страницы контейнере добавьте. На body, например.

Тогда картинка обрезается.

Есть макет в котором изображение выезжает из центровщика и получается что:
- изображение обрезается (как бы центровщик не дает выйти из своей ширины)
- или же появляется полоса прокрутки.

Как нормально сделать подскажите пожалуйста.
А именно: Мне нужно чтобы изображение выезжало из центровщика но не обрезалось и чтобы не появлялся нижний скрол при уменьшении экрана, а чтобы просто изображение скрывлось то часть которая не влезает.   
 

В 11.07.2018 в 23:03, AlexZaw сказал:

А я то все голову ломаю чего это вы их везде рекламируете? ? Что за плюшку то дадут за реферала?

Ну ясно что просто так не рекламируют =)

В 10.07.2018 в 20:17, l4legenda сказал:

Спасибо.
С удовольствием пройду их курсы

Лучше тут глянь: https://coursehunters.net/source/htmlacademy потом решишь стоит идти или нет. 

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions ? 

1 час назад, npofopr сказал:

А зачем вам этот глупый микс? 

Вам модификатор надо добавить в search-form, а не какие то миксы. Могу быть не прав)

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

<!-- Блок `header` -->
<div class="header">
    <!-- К блоку `search-form` примиксован элемент `search-form` блока `header`-->
    <div class="search-form header__search-form"></div>
</div>

Допустим есть такой код (что выше), тут мне не совсем понятно какому блоку относится микс header__search-form точнее в какой папке он должен находится в папке с блоком родителя header или же с в папке с блоком search-from ?  Как правильнее с точки зрения Яндекса и БЭМа ?