在北京时间6月16日的欧洲杯B组小组赛首场比赛中，西班牙与克罗地亚展开激烈对决。比赛上半场亮点频出，法比安-鲁伊斯扮演关键角色，他先是通过精准直塞助莫拉塔单刀破网，为西班牙取得1-0的领先优势。不久后，法比安-鲁伊斯亲自操刀，在弧顶处以一系列灵巧的过人后左脚低射入门，进一步将比分扩大至2-0。上半场接近尾声时，西班牙利用战术角球机会，由亚马尔助攻卡瓦哈尔垫射得分，将上半场比分锁定在3-0。

进入下半场，克罗地亚加强攻势，多次威胁西班牙球门，但都被西班牙防线和门将乌奈-西蒙化解。其中一次明显的得分机会出现在第54分钟，斯坦尼西奇和布迪米尔的连续尝试均未能改写比分。比赛进行到第78分钟时，场上局势再生波澜，佩特科维奇在禁区内被侵犯获得点球机会，遗憾的是他亲自主罚的点球被扑出，尽管他随后补射成功，但VAR检查发现佩里西奇提前进入禁区，因此该进球被判无效。

最终，全场占据优势的西班牙队凭借上半场的三粒精彩进球，以3-0的比分击败克罗地亚，顺利开启了他们在本届欧洲杯的征程。