Bienvenue sur le portail des ressources numériques
Une plateforme pour découvrir de nouveaux usages numériques
Lorem ipsum.
lorem ipsum
lorem ipsum
lorem ipsum
lorem ipsum
Accueil – SITE
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f9f9f9;
}
<pre data-sourcepos="15:5-77:5"><code>header {
background: #f5f5fe;
color: #fff;
padding: 2rem 1rem;
text-align: center;
}
.intro {
padding: 1rem;
text-align: center;
background-color: #ffffff;
}
.tiles {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
padding: 1rem;
max-width: 1000px;
margin: 0 auto;
}
@media (min-width: 768px) {
.tiles {
grid-template-columns: repeat(2, 1fr);
}
}
.tile {
background: #ffffff;
border: 1px solid #ddd;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.2s ease;
text-decoration: none;
color: inherit;
}
.tile:hover {
transform: translateY(-4px);
}
.tile img {
width: 100%;
height: 180px;
object-fit: cover;
display: block;
}
.caption {
padding: 1rem;
font-weight: bold;
font-size: 1rem;
text-align: center;
}
footer {
background-color: #eee;
text-align: center;
padding: 1rem;
font-size: 0.9rem;
}
</code></pre>
Comments
Please register or sign in to add a comment.