Александр ⠀⠀⠀⠀, я не предлагала вам использоватьCMS, вы попросили пример реализации.
Ну или любой урок по теме "сортировка товаров в каталоге интернет магазина". Первое во что тыкнулось (я его не смотрела, если что) https://webformyself.com/sortirovka-tovarov-v-kata...
Вы же даже не говорите, что у вас там вообще сделано или планируется. В каком виде каталог, на чем бэкэнд, какие фреймворки и т.д.
Александр ⠀⠀⠀⠀, пример: любая CMS с каталогом.
Можно сортировать прям на странице, если показываются вообще все товары (у вас вроде не так, хотя в рамках одной категории может и так, я не знаю), можно аяксом к бэкэнду обращаться.
Quintis, Какой "этот" курс?
Впрочем, про любой: опять таки это зависит от вашего умения и способностей учиться.
Кому-то не помогают и индивидуальные занятия, а кто-то схватывает на лету.
На мой взгляд, без наставника или хорошего преподавателя вероятно будет умение как-то там решать задачи, а наставник привьет "хорошие манеры".
Но опять таки, всё зависит от конкретных персонажей и потраченного времени.
alex-1917, Выбрать пропорции и к ним приводить все картинки ручками. Или снимать сразу как нужно, если есть возможность.
Иначе: либо разные пропорции либо обрезки либо поля.
Bosper130, про горизонтальную прокрутку это другой вопрос, мне кажется.
Не надо верстать флоатами, сейчас это совсем позорно.
Переделайте .raw на флекс. Сайдбару задать ширину, а контентному блоку просто flex:1
Lo Ran, для размышления: https://jsfiddle.net/xt1chyvn/
Таких 3 сектора нужно наложить поверх предыдущего решения (в линейных градиентах убрать границу, оставить только переход из прозрачного в цвет фигуры)
Это если решать на чистом css.
Простая альтернатива - нарисовать SVG.
Без скруглений я бы делала на css, со скруглениями, вероятно, все таки SVG.