<img src={("./planets_image/" + planet.planet_image + ".png")} alt="" /><td class="table__col shop-col">
<p class="shop-col__price shop-col__price--grey">
1,2 кг х
<span>200 руб.</span>
</p>
</td>.shop-col__price {
&--grey {
color: green;
span {
color: grey;
}
}
}.row .row-cols-2 {
display: grid;
grid-template:
"a b"
"a c";
}
.img-responsive{ grid-area: a;}
.top-banner{ grid-area: b;}
.bottom-banner{ grid-area: b;}
@media (max-width: 700px) {
.row .row-cols-2 {
display: grid;
grid-template:
"a a"
"b c";
}
}
const btn = document.querySelector(`button[data-popup="popup--corn"]`)
const popup = document.querySelector(`.popup`)
btn.addEventListener(`click`, function() {
popup.classList.add(`popup--active`)
})
const handlerClick = (value) => {
console.log(value)
}
<Component handlerClick={handlerClick} /><button
onClick={() => props.handlerClick('Клик по кнопке')}
>click<button>@@include('blocks/_head.html', {
"title": "About",
})<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>@@title</title>
<!-- Style -->
<link rel="stylesheet" href="css/style.min.css">
</head>
_head.html