- Ajustar el padding en pantallas pequeñas
Reduce el espacio lateral para que el contenido no quede “apretado”.
/* Ejemplo base (ajusta según tu proyecto) */
.presentacion { padding: 5% 10%; }
/* Pantallas pequeñas /
@media (max-width: 720px){
.presentacion{
padding: 24px 5%; / menos laterales, algo de aire vertical /
gap: 24px; / por si imagen y texto quedan muy juntos */
}
}
- Refinar el ancho de .presentacion__contenido
Haz que el texto se adapte al nuevo padding del contenedor.
/* Desktop (ejemplo) */
.presentacion__contenido{ width: 50%; max-width: 65ch; }
/* Móvil /
@media (max-width: 720px){
.presentacion__contenido{
width: 100%; / ocupa el ancho disponible dentro del padding /
max-width: 65ch; / mantiene buena longitud de línea */
}
}
- Evaluar width: auto en pantallas pequeñas
Probar auto (valor por defecto en bloques) hace que el ancho se ajuste al contenido del padre (restando el padding del padre). Pruébalo así:
@media (max-width: 720px){
.presentacion__contenido{
width: auto; /* se ajusta al contenido del contenedor */
max-width: 65ch;
}
}
Si ves que el texto queda demasiado ancho, conserva width:100% + max-width:65ch. Si está dentro de un flex, también puedes usar flex: 1 1 100%;.
- Crear cuenta en GitHub (resumen rápido)
Ve a github.com → Sign up.
Ingresa email, contraseña, username y completa verificación.
Ajusta Profile (avatar, bio) y Settings (2FA recomendado).
Explora: Repositories, Pull requests, Issues, GitHub Pages.
- Subir tu proyecto a GitHub
Opción A — Desde la web (sin Git local)
New repository → nombre (p. ej., mi-portafolio) → Create repository.
En el repo, Add file → Upload files → arrastra tu carpeta (HTML/CSS/JS) → Commit changes.
Opción B — Con Git en tu equipo
En la carpeta del proyecto:
git init
git add .
git commit -m "Primer commit: portafolio"
git branch -M main
git remote add origin https://github.com/TU_USUARIO/mi-portafolio.git
git push -u origin main
Tip: añade un .gitignore (por ejemplo, node_modules/ si usas herramientas) y un README.md.