Why isn't a specific line of code displaying an image correctly?

Store Design
, , ,
1

Hello All,

Could anyone explain why a specific line of code is not working, even though all of the rest of it works as intended and is identical to other lines except one single letter?

The line of code that does not work is here:

  .day-5 {
      grid-area: d5;
  }
  .day-5 .back {
    background: url(https://cdn.shopify.com/s/files/1/1779/2423/files/Come_Back_Soon_Advent_Calendar_Final.png?v=1701440648);
  }

“d5” specifically is not highlighted like the other lines strangely.

Please see the image below for an example of what it currently looks like on theme.liquid

D5 not working.png
D5 not working.png1119×698 34.5 KB

Would anyone be able to find out why this stops “Day 5” to not work and display an image like the rest of the tiles?

Please see the link to the website and the page where the issue takes place here:

https://toptoys2u.co.uk/pages/advent-calendar

I appreciate any help!

2

You missed “)” to close your URL tag in .day-4 .back

Screenshot_3.jpg
Screenshot_3.jpg1091×660 64.4 KB

3

@Dan-From-Ryviu

Thank you very much for the rescue!

Always nice to have a second pair of eyes looking at some code when it gets this long.

Thank you very much for your help!

4

Happy I could help!