marquez.juan/ejercicio-forks-ramas-pr
1
0
Fork 22
Code Issues Pull Requests 19 Projects Releases Wiki Activity

mateo-arteche-rama #3

Open
arteche.mateo wants to merge 3 commits from arteche.mateo/ejercicio-forks-ramas-prkkk:mateo-arteche-rama into main
pull from: arteche.mateo/ejercicio-forks-ramas-prkkk:mateo-arteche-rama
merge into: marquez.juan:main
Conversation 0 Commits 3 Files Changed 3 +112
3 changed files with 112 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
.gitignore vendored Normal file
View File

@@ -0,0 +1,20 @@
# Archivos del sistema
.DS_Store
Thumbs.db
# Configuración de editores
.vscode/
.idea/
# Logs
*.log
# Archivos temporales
*.tmp
*.temp
# Archivos de entorno
.env
# Cache
.cache/

43
pagina.html Normal file
View File

@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mis Preferencias</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>Mis preferencias personales</h1>
</header>
<div class="container">
<div class="card">
<h2>Deportes favoritos</h2>
<ul>
<li>Básquet</li>
<li>Natación</li>
</ul>
</div>
<div class="card">
<h2>Comidas favoritas</h2>
<ul>
<li>Pizza</li>
<li>Hamburguesa</li>
<li>Empanadas</li>
</ul>
</div>
<div class="card">
<h2>Pasatiempos favoritos</h2>
<ul>
<li>Jugar jueguitos</li>
<li>Leer</li>
<li>Programar</li>
<li>Escuchar música</li>
</ul>
</div>
</div>
</body>
</html>

49
style.css Normal file
View File

@@ -0,0 +1,49 @@
body {
font-family: Arial, sans-serif;
margin: 0;
background-color: #f4f6f8;
color: #333;
}
header {
background-color: #2c3e50;
color: white;
padding: 20px;
text-align: center;
}
.container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
padding: 20px;
}
.card {
background-color: rgb(243, 165, 165);
border-radius: 10px;
padding: 20px;
width: 300px;
box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}
h2 {
margin-top: 0;
color: #2c3e50;
}
ul {
padding-left: 20px;
}
li {
margin-bottom: 8px;
}
@media (max-width: 600px) {
.card {
width: 100%;
}
}