This commit is contained in:
Olivan Sahel 2022-12-01 09:53:49 +01:00
parent b1a3848464
commit b083c851c7
3 changed files with 10 additions and 19 deletions

View file

@ -5,12 +5,11 @@
<link rel="stylesheet" href="style.css" type="text/css">
<html>
<head>
<title>7 Continents</title>
<title>Projet Web</title>
</head>
<body>
<header>
<img src="images/globe.png" alt="Globe Logo" width="50px" />
<header>
<nav>
<a href="Page1.html">Home</a>
<a href="Puissance4.html">Puissance 4</a>
@ -23,7 +22,6 @@
<section>
<article>
<div class="list">
<a href="Page1.html">Home</a>
<a href="Puissance4.html">Puissance 4</a>
<a href="Morpion.html">Morpion</a>
<a href="Snake.html">Snake</a>

View file

@ -5,12 +5,11 @@
<link rel="stylesheet" href="style.css" type="text/css">
<html>
<head>
<title>7 Continents</title>
<title>Puissance 4</title>
</head>
<body>
<header>
<img src="images/globe.png" alt="Globe Logo" width="50px" />
<nav>
<a href="Page1.html">Home</a>
<a href="Puissance4.html">Puissance 4</a>
@ -23,12 +22,8 @@
<section>
<article>
<div class="list">
<a href="Page1.html">Home</a>
<a href="Puissance4.html">Puissance 4</a>
<a href="Morpion.html">Morpion</a>
<a href="Snake.html">Snake</a>
<a href="JustePrix.html">Juste Prix</a>
</ul>
</div>
</article>
</section>
</main>

View file

@ -1,13 +1,10 @@
header
{
display: flex;
justify-content: flex-end;
align-items: center;
justify-content: center;
background-color: white;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top:0.1em;
row-gap: 50px;
padding: 1em;
margin: 0 -5px;
}
img
{
@ -27,6 +24,7 @@ a
text-decoration: none;
color: grey;
font-size: 1.2em;
margin: 0 5px;
}
section
{
@ -51,7 +49,7 @@ article
}
.list{
display: grid;
grid-template-columns: repeat(3,1fr);
grid-template-columns: repeat(2,1fr);
gap: 1em;
padding: 1em;
}