Дима Турков: пустой резиновый блок с бэкграундом сделать не проблема
вопрос в том, с семантической точки зрения использовать ли img или забить и делать картинки через бэкграунд
а на сколько критично по Вашему использовать background-image вместо img?
picture вроде как не совместим со старыми версиями браузеров и поэтому не хочу его применять пока
Alexandr Lebedev:
Ну во первых у тебя там везде проставлены инлайн стили. Теоретически это не страшно, но желательно все стили засовывать в css.
Далее, дивы с классом items должны по идее быть все расположены внутри дива с классом row, но у тебя они находятся внутри друг друга и это выглядит запутанно как то.
Вот такая структура получается у тебя: div.row>div.items>div.items>div.items
А должно быть вот так: div.row>div.items*3
Это синтаксисом Эммета написал, по другому не смог - редактор сообщений не позволяет вставить в виде тегов это к сожалению
Только следует учитывать что при свойстве background-size 100% 100% картинки будут вытягиваться и сжиматься трансформируя изображение. По хорошему им надо еще прописать max и min-width
я просто посмотрел через хром на этот сайт и он отобразил классы на элементах с названиями примерно как в бутстрапе.
А что там есть? )
Исходники кстати лучше загружать не через яндекс-диск, а набирая код в онлайн редакторе и давая на него ссылку
Редактор можно использовать например вот этот: https://codepen.io/pen/
kamikadze1996: Про макеты не скажу точно, но вообще лучше чтоб он был стандартного размера (типа 960 или другого числа которое делится ровно на 2, 3, 4, 5 хотя бы). Ну а формула простая - ширину делим на 100 и узнаем размер одного процента.
kamikadze1996: делают по разному )
и с бутстрапом и без него можно сделать "отзывчивость"
поставив ширину контейнера 100% мы сделали его отзывчивым по сути)
Сергей Оганезов: например внутри media (min-width: 750) написать это.
Значение min-width может быть другим, я взял одно из нескольких, которое используется.
При этом, если нужно, чтобы на телефонах этот блок отображался, надо предварительно создать медиа запрос для телефонов. Если не совсем понятно как работают медиа запросы то лучше прочитать отдельную статью на эту тему.
Алексей Лазутин: Ясно. Кстати сервис который будет давать доступ к просмотру видео без возможности скачивания, опять же можно обмануть, запустив на компьютере программу для видеозаписи происходящего на экране )
Алексей Лазутин: В Ваших словах есть здравый смысл. Но с другой стороны этих курсов в интернете полно, в том числе и бесплатных. Может быть имеет смысл вообще кардинально поменять структуру курса, добавив в него интерактивных элементов или некое подобие онлайн поддержки по скайпу для зарегестрированных пользователей.
Никто не говорит про ВУЗ. Учиться надо по книгам и документации. Основы по крайней мере очень легко получить бесплатными методами. Лично я вижу смысл платить только за продвинутые знания, которых к сожалению очень мало в книгах и приходится по крупицам их собирать. Я прочитал десятки обьемных материалов по CSS и думал что все уже знаю, как оно устроено внутри, но иногда попадаются статьи, которые меняют мое представление о некоторых вещах кардинально. Другой вопрос, что нет гарантии что ментор даст вам эти знания даже за деньги, ведь как говорится - кто не умеет делать сам, идет учить других)