Háromgólos vereséggel mutatkozott be a horvát labdarúgó-válogatott a németországi Európa-bajnokságon: a 2018-as világbajnokságon ezüstérmes Horvátország a B csoport nyitómérkőzésén 3:0-s vereséget szenvedett Spanyolország ellen.
A horvátoknak megvoltak a helyzeteik a mérkőzésen, de a gólokat a spanyolok lőtték, méghozzá mindhármat az első félidőben. A 29. percben a csapatkapitány Álvaro Morata kapott egy remek kiugratást és magabiztosan gurított el Dominik Livaković mellett. A horvátok a következő támadás során majdnem egyenlítettek, de ami nem sikerült az egyik oldalon, összejött a másikon: a 32. percben Pedri átadását Fabián Ruiz váltotta gólra. Arról, hogy már az első félidőben eldőljön a három pont sorsa, Daniel Carvajal gondoskodott, aki a bírói ráadás második percében iratkozott fel a góllövőlistára. A 80. percben Bruno Petković tizenegyest hibázott, s utána hiába passzolta a kapuba Ivan Perišić passzát, a tizenegyes elvégzésekor a gólpasszt adó játékos a labda elrúgása előtt befutott a tizenhatosba, így a spanyoloké lett a labda.
A legerősebb csoportnak kikiáltott kvartettben a spanyol és a horvát válogatotton kívül a címvédő Olaszország, valamint Albánia szerepel még.