arteche.mateo/ejercicio-forks-ramas-prkkk
1
0
Fork 0
forked from marquez.juan/ejercicio-forks-ramas-pr
Code Pull Requests Activity

Compare commits

base: arteche.mateo:main
Branches Tags
arteche.mateo:main arteche.mateo:mateo-arteche-rama marquez.juan:main
..
compare: arteche.mateo:mateo-arteche-rama
Branches Tags
arteche.mateo:mateo-arteche-rama arteche.mateo:main marquez.juan:main

3 Commits
main ... mateo-arte

Author SHA1 Message Date
DevMate-Jar
8a58e24f99 Change color card 2026-04-23 22:23:35 -03:00
DevMate-Jar
9b4e3b7201 New items 2026-04-23 22:23:09 -03:00
DevMate-Jar
6bb464040a Add .gitignore 2026-04-23 22:13:42 -03:00
2 changed files with 92 additions and 0 deletions
Expand all files Collapse all files

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%;
}
}