@media (max-width: 580px) {
.block {
width: calc(50% - 40px)
}
}
@media (max-width: 400px) {
.block {
width: 100%
}
}{!!$item->genre!!} - это из php. Но JS не знает как работать с PHP. Или PHP генерирует в том месте строку нужного вида?let divGenre = document.querySelector("#genre");
function addGenre(text) {
let genres = text.split(", ");
genres.forEach((el, index) => {
let a = document.createElement("a");
a.setAttribute("href", "/category/" + el);
a.setAttribute("class", "content__box__genre--links");
a.innerText = el + " ";
divGenre.appendChild(a);
});
}
addGenre('rock, jazz, blues')addGenre('Rock, Jazz, Blues');