1. Засунуть картинку в колорзиллу, полученные лишние стили с префиксами удалить.
Макет-то в чем? Фотошоп показывает цвета градиента.
2. Псевдоэлементами, Как сделать скругление углов наружу?
Альтернатива: скруглять в нормальную сторону у соседей.
Kizzeon, потому что узнали, что React это круто и бросились его срочно изучать. Быстро-быстро верстка, js для галки и react.
И теперь кроме него ничего не умеют и не знают "что так можно было".
Гридами - умно.
На флексе - костылями https://jsfiddle.net/sdt5ejxa/
Если максимально в строке 3 элемента, то достаточно псевдо. Если больше, то костыли еще хуже и придется добавлять пустые блоки с нулевой высотой.
OwerFan, нет, конечно, что вы.
И то как вы поступаете, это абсолютно нормальный путь развития. Сначала сделать чтобы работало хоть как-то, потом оптимизировать.
То, как вы сейчас хотите решать задачу уже близко к стадии "продолжать нецелесообразно".
С огромной долей вероятности вам всё равно придется разбираться с ajax.
И с js. Хотя бы на уровне "читаю и пишу со словарем".
Alams Stoyne, меньше знаешь- крепче спишь, на всякий случай не стала спрашивать.
Мне так кажется, что как раз время остановиться и задуматься "что и зачем я творю?". Погулять некоторое время с этой мыслью, определиться. Возможно, позвать кого-то в помощь, если нет знаний по js и сделать нормально.
Т.е. они, конечно, работают. Но поскольку отображать нечего, то ничего и не отображается.
Куда бежать, когда что-то не работает или работает не так, как ожидалось?
1. Инструменты разработчика браузера. Покажет, что браузер думает о вашем коде, что готов отобразить, а что нет.
2. Валидатор https://validator.w3.org/nu/
Нарушать, конечно, можно, но точно зная зачем.
