Home > Back-end >  Html-Css image stretched
Html-Css image stretched

Time:11-28

I'm building a memory cards game with HTMl, CSS and JS to practice. This is what I've done so far: first solution

The first column is using div tag in change of img, which could be a non-feasible solution accesibility-wise. This is how I've done it:

<div class="back-face" style="
    height: 100%;
    background-image: url('slike/emoji-ji/zaprto.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
"></div>

2. Second solution

  • Related