function Home() {
let displayCards = Galeyre.map((item) => {
return `
<div class="card_container">
<div class="card">
<div class="face-side">
<alt="Question mark">
</div>
<div class="back-side">
<alt="${item.name} flag icon">
</div>
</div>
</div>`;
}).join("");
No matter what I did, I can't style the element classes in backtick in the css section, how can I fix this problem please?
I suggest, before you do anything you go and read the documentation on how to get started. In summary: React is a UI library based on state, and the components that you build (generally in JSX) are reactive to that state.
While you're generally heading in the right direction React doesn't use back-ticks to create HTML strings - all of that is dealt with as part of the library. You just need to learn the syntax, how state works, and how to organise your components so they respond to that state.
This documented example based on your code should help you out.