Je to tým že font metron_light_pro_regular nerešpektuje defaultné user agent CSS u určitých tagov (vrátane <p>) ktorý obsahuje margin start/end/before/after a nerešpektuje ani line-height samotný. (Aha to už Vám tu poradili.)
Ovšem dodám k tej stránke trocha iného kecania, trocha kritiky. Za 1. som si všimol že načítanie tej stránky mi zhltne až 12.6MB, obrázky sťahujete v rozlíšení 1024x1024 aj keď je zobrazujete v rozlíšení 428x428, lazy-loading Vám asi nič nehovorí, díky tomu Load trvá pri emulácii Fast 3G so zakázaným cashom až 1.2 minúty (cashovanie taky poriešené nemáte), fakt nepochopím načo sa načitáva posledný obrázok zo Slidu v čase kdy ešte neni načítaný prvý obrázok. Stránka by nemala presiahnuť 1MB v prípade fotogalérie sa dá ešte rešpektovať 2-3MB, 12.6 MB je už ale sakra prehnane veľa. Docela nesprávny spôsob jak tie obrázky prepínate, a okrem toho ani nie sú normálne skomprimované. Favicona v rozlíšení 1550x1550 a ešte v PNG formáte je čo preboha? na čo také rozlíšenie když sa to zobrazuje v tabu v oblasti 32x32 pixelov, pre Splash Art v prípade PWA jakožto ikonové pozadie sa bežne používa len 256x256 alebo 512x512. Okrem toho, Vaša favicona nesie len jedno jediné rozlíšenie. Nepoužívate ani meta viewport, responzivita je len "tvrdé wrapovanie, a percentuálny size prvkov, na mobile by ma navigácia zabila, ani neviem koľko krát bych klikol na tlačítko Odkazy kdybych chcel kliknúť na Linka A. Obrázkom vždycky pridávajte alt atribút, pre obrázok ktorý nenesie obsah prázdny ale i tak ho tam majte (práve tak kde by mal byť prázny tak tam máte "CZECH" hodnotu. samotná stránka by mohla používať HTTPS. Cross-origin neporiešený, linky na externú doménu nenesú rel="noreferrer" ani rel="noopener", jinak meta keywords sú zbytočné, najčastejšie používané vyhladávače jako google, bing, yahoo, duckduckgo atp je ignorujú. linky s popiskom obsahujúce jedno " " je taky nezmysel. Ešte sa vrátim ku tým obrázkom čo sa Vám prepínajú nie úplne skrz slideovanie, u všetkých máte napísané veľkosti cez atribúty, odporúča sa nastavovať veľkosť skrz CSS, HTML by mal určovať len sémantiku, CSS zobrazenie. Okrem toho u obrázkov nikdy nemente obe rozmery skrz CSS, vyvarujete sa tým deformáciám obrázkov a vždy si zachovajú správny pomer strán. Ešte jednu chybu som našiel a to title jakožto tag nesúci textový obsah napsaný pred meta charset tagom, v rôznych prehliadačoch to môe spôsobiť to že sa budú zobrazovať na záložke otázniky, to nechcete. Je tam toho ešte omnoho viac, ale to už nie sú až tak vážne chyby. Hlavne tie obrázky poriešte, to by ste mali určite,... 1.2 minúty načitávať pár obrázkov je extrém. A ešte dodám že veľa krát opakujete rovnaké CSS vlastnosti pre rôzne selektory, alebo naopak, rovnaké selektory pre rôzne vlastnosti.