Bienvenue sur ma page de projets

Mes différents projets

  body { font-family: sans-serif; margin: 20px; background-color: #f4f4f4; color: #333; } header { background-color: #333; color: white; padding: 1em; text-align: center; margin-bottom: 20px; } main { background-color: white; padding: 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } #projets h2 { color: #333; border-bottom: 2px solid #ccc; padding-bottom: 10px; margin-bottom: 15px; } #projets ul { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: 20px; } #projets li { background-color: #eee; padding: 15px; border-radius: 5px; text-align: center; width: calc(33% - 20px); /* Pour 3 projets par ligne avec un peu d'espace */ box-sizing: border-box; } #projets img { max-width: 80px; height: auto; margin-bottom: 10px; } #projets a { text-decoration: none; color: #007bff; font-weight: bold; } #projets a:hover { text-decoration: underline; } footer { text-align: center; margin-top: 20px; color: #777; }