Есть сайт курсов на самописном движке www.praktikum.com.ua. Надо сделать правки по главной странице. Если все ок, буду писать дальше задание по другим страницам.
1.Исправить вид картинки курса для мобильной версии. На ПК они сейчас 7 штук нормальные размером 440х220, а на мобильной версии обрезаны в квадрат. Нужно сделать только 1 пример картинки по первому названию курса, чтобы выдавало нормально на мобильном. Но важно! Объяснить, где добавлять картинку на моб версию, чтобы мы это потом меняли самостоятельно. Т.е Вы делаете первую и показываете, как менять , а мы меняем следующие.
Мы покажем, где в папке стилей на фтп прописан код на выдачу на ПК и где в папке на фтп сейчас лежит картинка.
· #table > div > div > div.col-lg-9.col-md-8 > table > tbody > tr:nth-child(1) > td > div:nth-child(6) .img_course {
· background-image: url(https://www.praktikum.com.ua/img/Kursi_buhgaltera_pl3.png);
Такой код под каждую картинку идет.
2.Изменить структуру главной страницы в блоке выдачи курсов.
Сейчас есть левый столбик и правая часть – состоит из картинок и описания курса правее.
Левый блок мы наполняем из своей админки, там можно выключить все надписи в блоке. Но его нужно удалить через фтп или отключить, чтобы не показывался вообще в сайте (и не только на главной). Делаем в центральном блоке выдачи курсов только карточки и описания курсов.
НО, карточки и описание курсов не в столбик как сейчас, а парно. Т.е. в ряды по 2 карточки , а под ними описание, как на скриншоте. http://prntscr.com/1vzrqd3
И сделать отступ примерно 1 см между рядом текста одних курсов и следующих. Но отступ должен быть резиновый, в смысле – если мы пишем больше текст –описания курса, тогда отступ все равно соблюдает свою высоту 1 см уже после этого текста.
Сейчас этот текст справа от курса мы изменяем через внутреннюю админку. Важно, чтобы вы ничего там не повредили и мы могли так же сами изменять текст!
3.Объяснить, почему сейчас в файле стилей цсс идет списком 8 названий курсов с картинками, а показывается на главной только 7. Просто для информации).
В мобильной версии выдача курсов так и остается как сейчас, они идут друг за другом в один столбик.
Цена выставлена для ориентира.
