Как сделать такой же текстовый слайдер или как организовать правильно?

Lolut, картинка это один div, текст второй, кнопку на картинку добавляете через position: absolute; диву с картинкой задайте position: relative; и центрируйте с помощью left, top, bottom, right. Эти два дива с картинкой и текстом должны быть в одном общем диве, который и будет иметь класс slider_item)

С помощью какого свойства вставить картинку?

Ankhena, можно и так)

Как сменить цвет фона внутреннего блока при наведении на родительский блок?

Alex McArrow, а так заработало, странно, что я сразу не додумался)

Как вам моя схема (схемантика) основных нюансов Flexbox?

Доброго времени суток! Сказать честно, выглядит противненько. Давайте я Вам расскажу, как я учил флексбоксы (одного вечера для теории вполне достаточно). Во-первых, учил я отсюда. Во-вторых, потом я взял листок бумаги, начертил себе эту схемку, и выписал все свойства css по флексбоксам из этой статьи, и их возможные значения. Во-третьих, в этой статье один небольшой недостаток - там не указано, которое свойство указывается для родительского элемента, а какое для дочернего, а это очень важно и избавляет от множества проблем. Все это внимательно и старательно изучив, я пошел играть в игрушку, ой то есть закреплять свои навыки сюда. И наконец, на следующий день я сверстал без особых проблем несколько блоков макета (держа перед собой этот листочек со всеми выписанными свойствами), что послужило мне показателем того, что я усвоил эту тему.
Желаю Вам удачи в этом изучении! Поверьте, флексбоксы намного проще, чем кажутся вначале, и очень удобны и эффективны, Вы их обязательно выучите)

Подготовка к верстке, чеклист. Что еще?

Как по мне. если бы все дизайнеры делали хотя бы то, что Вы уже описали выше. то мир бы стал намного лучше. Варианты для Retina, насколько я знаю, это следующее - поскольку дисплеи Retina обладают высокой плотностью пикселей, то обычные картинки на них будут смотреться "квадратиками". Поэтому для них подготавливают отдельные картинки высокого качества, которое достигается тем, что картинку большого расширения "втискивают" в нужный размер, соотношение должно быть минимум в 2 раза. Например, на сайте есть картинка 300*200 пикселей, но чтоб она смотрелась хорошо на ретине, нужно картинку с расширением 600*400 пикселей "втиснуть" (фотошопом или чем то еще) в 300*200 пикселей, без потери качества.

Почему не работает скрипт для модального окна?

prodavec macdonalds, спасибо, что прояснили мне этот момент, я этого не знал.

Почему не работает скрипт для модального окна?

Постараюсь выправится касательно jsfiddle, просто я толком не знаю, как с ним работать. К сожалению, а может и на счастье, я уже самостоятельно решил эту задачу, правда потратил еще 3 часа)))) Но все равно Вам огромное спасибо! Еще есть очень важное замечание для тех, кто будет искать ответ на этот вопрос, и найдет этот пост- ДЖАВА СКРИПТ КОД ПИШИТЕ ПЕРЕД ЗАКРЫВАЮЩИМ ТЕГОМ </body> В ТЕГЕ <script>, ПОТОМУ ЧТО ЕСЛИ НАПИСАТЬ В ОТДЕЛЬНОМ ФАЙЛЕ аля script.js ТО НИ МОЕ РЕШЕНИЕ, НИ РЕШЕНИЕ ЭТОГО ДОБРОГО ЧЕЛОВЕКА ПО НЕПОНЯТНОЙ МНЕ ПРИЧИНЕ НЕ РАБОТАЕТ (по крайней мере у меня). Еще раз Вам спасибо, что откликнулись и помогли)

Почему не работает скрипт для модального окна?

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

Как сделать Раскрывающее меню по HOVER?

Недавно делал подобное, мне помогла вот эта инструкция))) Это действительно делается на чистом CSS, но нужно быть внимательным касательно селекторов в цсс, они там сложноватые, легко запутаться.

Как привязать стрелочки к конкретному слайдеру в Slick Slider?

Сергей, Вы очень хороший специалист) Помогло, спасибо Вам огромное.

Как привязать стрелочки к конкретному слайдеру в Slick Slider?

Что то сложновато понять что есть что. Верстка такова:

<div class="proposal_item">
           <div class="proposal_item-title"></div>
           <div class="proposal_item-content">
                  <i class="fa fa-chevron-circle-left" aria-hidden="true"></i>
                  <i class="fa fa-chevron-circle-right" aria-hidden="true"></i>
                  <div class="gallery">
                       <img src="images/interior_1.jpg" alt="#"/>
                       <img src="images/interior_2.jpg" alt="#"/>
                       <img src="images/interior_3.jpg" alt="#"/>
                       <img src="images/interior_4.jpg" alt="#"/>
                       <img src="images/interior_5.jpg" alt="#"/>
                       <img src="images/interior_6.jpg" alt="#"/>
                       <img src="images/interior_7.jpg" alt="#"/>
                       <img src="images/interior_8.jpg" alt="#"/>
                       <img src="images/interior_9.jpg" alt="#"/>
                       <img src="images/interior_10.jpg" alt="#"/>
                    </div>
           </div>
     </div>

Можете первую часть вашего кода отредагировать с учетом классов верстки если Вам не сложно, а то я с джава скрипт очень туго. Тег <i> это как раз стрелочки.