High
Content overflows horizontally on narrow viewports
The page scrolls horizontally at a mobile width, indicating content that does not reflow.
Affected page
https://joseleie.github.io/resume/es.htmlElement
htmlAccessible name(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5SH4TSVH');
José Leite — Growth Marketing & Experto en Automatización IA | Currículo
{
"@context": "https://schema.org",
"@type": "Person",
"name": "José Leite",
"jobTitle": "CMO & Growth Marketer — Experto en Automatización IA y SEO/GEO",
"url": "https://joseleie.github.io/resume/es.html",
"image": "https://joseleie.github.io/resume/foto.jpg",
"email": ["mailto:[email removed]", "mailto:[email removed]"],
"address": {
"@type": "PostalAddress",
"addressLocality": "Barcelona",
"addressCountry": "ES"
},
"worksFor": [
{
"@type": "Organization",
"name": "EnvioxEnvio",
"url": "https://www.envioxenvio.es",
"sameAs": ["https://www.linkedin.com/company/envio-x-envio"]
},
{
"@type": "Organization",
"name": "Kleding / Fashiola",
"url": "https://www.fashiola.com",
"sameAs": ["https://www.linkedin.com/company/kleding-nl"]
},
{
"@type": "Organization",
"name": "Elabs Consulting",
"url": "https://www.elabsconsulting.com",
"sameAs": ["https://www.linkedin.com/company/elabsconsulting"]
},
{
"@type": "Organization",
"name": "Camaloon",
"url": "https://www.camaloon.com",
"sameAs": ["https://www.linkedin.com/company/camaloon-world"]
},
{
"@type": "Organization",
"name": "iContainers",
"url": "https://www.icontainers.com",
"sameAs": ["https://www.linkedin.com/company/icontainers"]
},
{
"@type": "Organization",
"name": "Grupo Planeta",
"url": "https://www.planeta.es",
"sameAs": ["https://www.linkedin.com/company/grupo-planeta", "https://en.wikipedia.org/wiki/Grupo_Planeta"]
},
{
"@type": "Organization",
"name": "MeQuedoUno",
"url": "https://www.mequedouno.com",
"sameAs": ["https://es.linkedin.com/company/mequedouno"]
},
{
"@type": "Organization",
"name": "Verlag Dashöfer",
"url": "https://www.dashoefer.de",
"sameAs": ["https://www.linkedin.com/company/verlag-dashofer", "https://de.wikipedia.org/wiki/Verlag_Dash%C3%B6fer"]
},
{
"@type": "Organization",
"name": "Auto Europe UK/IE",
"url": "https://www.autoeurope.com",
"sameAs": ["https://www.linkedin.com/company/auto-europe", "https://en.wikipedia.org/wiki/Auto_Europe"]
},
{
"@type": "Organization",
"name": "Qmusika",
"url": "https://www.qmusika.com",
"sameAs": ["https://www.linkedin.com/company/qmusik-unipessoal-lda"]
}
],
"alumniOf": [
{
"@type": "CollegeOrUniversity",
"name": "Universidade de Coimbra",
"url": "https://www.uc.pt/"
},
{
"@type": "EducationalOrganization",
"name": "IPAM - The Marketing School",
"url": "https://www.ipam.pt/"
}
],
"hasCredential": [
{
"@type": "EducationalOccupationalCredential",
"credentialCategory": "certification",
"name": "Google Analytics 4 (GA4)"
},
{
"@type": "EducationalOccupationalCredential",
"credentialCategory": "certification",
"name": "HubSpot Inbound Expert"
},
{
"@type": "EducationalOccupationalCredential",
"credentialCategory": "certification",
"name": "SAS Marketing Automation"
}
],
"knowsAbout": [
"SEO", "GEO", "SGE", "n8n", "Marketing Automation", "Growth Marketing",
"Paid Media", "CRO", "AI Automation", "Prompt Engineering"
],
"knowsLanguage": ["es", "pt", "en"],
"sameAs": [
"https://www.linkedin.com/in/jose-leite-seo/",
"https://github.com/joseleie",
"https://www.reddit.com/user/joseleite/"
],
"potentialAction": {
"@type": "DownloadAction",
"name": "Descargar CV en PDF",
"target": {
"@type": "EntryPoint",
"urlTemplate": "https://joseleie.github.io/resume/cv-jose-leite-es.pdf",
"contentType": "application/pdf"
}
}
}
{
"@context": "https://schema.org",
"@type": "DigitalDocument",
"name": "Curriculum Vitae — José Leite (Español)",
"url": "https://joseleie.github.io/resume/cv-jose-leite-es.pdf",
"encodingFormat": "application/pdf",
"inLanguage": "es",
"about": { "@type": "Person", "name": "José Leite" }
}
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{"@type": "ListItem", "position": 1, "name": "Inicio", "item": "https://joseleie.github.io/resume/"},
{"@type": "ListItem", "position": 2, "name": "José Leite — Growth Marketing & Experto en Automatización IA | Currículo", "item": "https://joseleie.github.io/resume/es.html"}
]
}
<link href="https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
:root{
--paper:#FAF8F3;
--paper-dim:#F0ECE2;
--ink:#1C1B18;
--ink-soft:#5B584F;
--brass:#A3803F;
--brass-text:#7A5C28;
--brass-soft:#C9AD74;
--line:#DCD5C4;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
background:var(--paper);
color:var(--ink);
font-family:'Inter', sans-serif;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
.layout{
display:grid;
grid-template-columns:64px 1fr;
min-height:100vh;
}
.tabs{
background:var(--ink);
display:flex;
flex-direction:column;
position:sticky;
top:0;
height:100vh;
}
.tab{
flex:1;
display:flex;
align-items:center;
justify-content:center;
writing-mode:vertical-rl;
text-orientation:mixed;
color:var(--paper-dim);
font-family:'IBM Plex Mono', monospace;
font-size:9px;
letter-spacing:0.08em;
text-transform:uppercase;
text-decoration:none;
border-bottom:1px solid rgba(250,248,243,0.1);
transition:background 0.25s ease, color 0.25s ease;
}
.tab:hover, .tab.active{
background:var(--brass);
color:var(--ink);
}
main{padding:0 6vw;}
section{
max-width:760px;
margin:0 auto;
padding:64px 0;
}
#perfil{padding-top:88px;}
.eyebrow{
font-family:'IBM Plex Mono', monospace;
font-size:12px;
letter-spacing:0.12em;
text-transform:uppercase;
color:var(--brass-text);
display:block;
margin-bottom:18px;
}
h1{
font-family:'Fraunces', serif;
font-weight:600;
font-size:clamp(2.4rem, 6vw, 4.2rem);
line-height:1.02;
letter-spacing:-0.01em;
}
h1 .h1-tag{
display:block;
font-family:'Fraunces', serif;
font-style:italic;
font-weight:400;
font-size:0.34em;
letter-spacing:0;
color:var(--ink-soft);
margin-top:8px;
line-height:1.3;
}
.role{
font-family:'Fraunces', serif;
font-style:italic;
font-weight:400;
font-size:clamp(1.1rem, 2.4vw, 1.5rem);
color:var(--ink-soft);
margin-top:10px;
}
.intro{
margin-top:28px;
max-width:560px;
font-size:1.05rem;
color:var(--ink-soft);
}
.meta-row{
display:flex;
gap:28px;
flex-wrap:wrap;
margin-top:36px;
font-family:'IBM Plex Mono', monospace;
font-size:12.5px;
color:var(--ink-soft);
}
.meta-row a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--brass-soft);}
.hero-top{
display:flex;
align-items:flex-end;
gap:32px;
flex-wrap:wrap;
}
.headshot{
width:132px;
height:132px;
border-radius:50%;
object-fit:cover;
border:3px solid var(--paper);
outline:1px solid var(--line)…[truncated by Evolize: exceeded D1 value limit]
Markup
<html lang="es"><head>
<!-- Google Tag Manager -->
<script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-DEJRB10Q15&cx=c&gtm=4e68j0"></script><script async="" src="https://www.googletagmanager.com/gtm.js?id=GTM-5SH4TSVH"></script><script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','da…How to fixTo fix this issue, ensure that the content on the page is able to reflow and adapt to different viewport sizes. This can be achieved by using relative units for sizing and positioning elements, and by avoiding the use of fixed widths. Additionally, consider using CSS media queries to apply different styles based on the viewport size.