Stoer

А почему не грид?

Здравствуйте, друзья. Помогите пожалуйста разобраться, в общих чертах, как верстаются подобные страницы. Нужно понять какие пожелания по верстке выдвигать при заказе. Имел плохой опыт с исполнителем который верстал таблицей в таблице! Сайт и адаптивный и резиновый. Количество столбцов меняется в зависимости от ширины экрана: 0-580: 1 столбец, 581-870: 2 столбца, 871-1160: 3 столбца, 1161-1450: 4 столбца, 1451+∞: 5 столбцов. Конкретно этот макет выполнен для разрешения 1920, поэтому пять столбцов. 1 Что выбрать для верстки подобных страниц: гриды, флексбоксы, дивы или что-то другое? 2 Тут надо использовать БЭМ, Bootstrap или что-то другое? 3 Насколько сложно/долго сверстать такую страничку? 4 Какие рекомендации вы бы добавили лично от себя?

Ничего страшного. Я ведь свои примеры и для вас тоже выложил. Не вы один верстаете таблицу в таблице в 2021 году. Опытные разработчики тоже так верстают, причем синхронно с вами. Мой проект длился с 15 февраля по 1 марта. И вы свои учебные вопросы задавали в этом промежутке. Еще в моем проекте тоже есть книги, журналы, сортировка по годам. Все как у вас. Просто удивительное совпадение!

А пока мне бы хотелось узнать, хоть в общих чертах, как верстать подобные страницы: https://prnt.sc/10bwq71 Страница и резиновая и адаптивная. Количество колонок зависит от ширины окна браузера. Мне нужно хоть чуть-чуть понять принцип, чтобы меня не разводили недобросовестные исполнители. Что верстать таблицей не надо я уже понял 😃

Удивительное дело! Недавно заказал почти такой же функционал на одной фриланс бирже. Тоже пять ячеек в ширину, но может быть и четыре, и три (зависит от размера окна). И ячейки тоже должны быть равны по ширине, прямо как у автора поста! Да что говорить, вот какую задачу я поставил: https://prnt.sc/10bwq71 Удивительно, но у исполнителя возникли те же проблемы что у автора поста: Правда исполнитель был опытный: 6 лет на сайте, под сотню положительных отзывов, ни одного отрицательного, ни одного арбитража. Он бился над задачей две недели и выдал ошеломительный результат: https://prnt.sc/10bwqb2 Который конечно меня не устроил. Я пришел на этот форум чтобы немного разобраться как верстаются такие табличные сайтики и кажется сразу попал в яблочко! Если кому-то интересна более подробная история с исполнителем, напишите, расскажу.