Sahel
This commit is contained in:
parent
b1a3848464
commit
b083c851c7
3 changed files with 10 additions and 19 deletions
|
|
@ -5,12 +5,11 @@
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>7 Continents</title>
|
<title>Projet Web</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<img src="images/globe.png" alt="Globe Logo" width="50px" />
|
|
||||||
<nav>
|
<nav>
|
||||||
<a href="Page1.html">Home</a>
|
<a href="Page1.html">Home</a>
|
||||||
<a href="Puissance4.html">Puissance 4</a>
|
<a href="Puissance4.html">Puissance 4</a>
|
||||||
|
|
@ -23,7 +22,6 @@
|
||||||
<section>
|
<section>
|
||||||
<article>
|
<article>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<a href="Page1.html">Home</a>
|
|
||||||
<a href="Puissance4.html">Puissance 4</a>
|
<a href="Puissance4.html">Puissance 4</a>
|
||||||
<a href="Morpion.html">Morpion</a>
|
<a href="Morpion.html">Morpion</a>
|
||||||
<a href="Snake.html">Snake</a>
|
<a href="Snake.html">Snake</a>
|
||||||
|
|
|
||||||
|
|
@ -5,12 +5,11 @@
|
||||||
<link rel="stylesheet" href="style.css" type="text/css">
|
<link rel="stylesheet" href="style.css" type="text/css">
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<title>7 Continents</title>
|
<title>Puissance 4</title>
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<img src="images/globe.png" alt="Globe Logo" width="50px" />
|
|
||||||
<nav>
|
<nav>
|
||||||
<a href="Page1.html">Home</a>
|
<a href="Page1.html">Home</a>
|
||||||
<a href="Puissance4.html">Puissance 4</a>
|
<a href="Puissance4.html">Puissance 4</a>
|
||||||
|
|
@ -23,12 +22,8 @@
|
||||||
<section>
|
<section>
|
||||||
<article>
|
<article>
|
||||||
<div class="list">
|
<div class="list">
|
||||||
<a href="Page1.html">Home</a>
|
|
||||||
<a href="Puissance4.html">Puissance 4</a>
|
</div>
|
||||||
<a href="Morpion.html">Morpion</a>
|
|
||||||
<a href="Snake.html">Snake</a>
|
|
||||||
<a href="JustePrix.html">Juste Prix</a>
|
|
||||||
</ul>
|
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
12
style.css
12
style.css
|
|
@ -1,13 +1,10 @@
|
||||||
header
|
header
|
||||||
{
|
{
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: flex-end;
|
justify-content: center;
|
||||||
align-items: center;
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
padding-left: 0.5em;
|
padding: 1em;
|
||||||
padding-right: 0.5em;
|
margin: 0 -5px;
|
||||||
padding-top:0.1em;
|
|
||||||
row-gap: 50px;
|
|
||||||
}
|
}
|
||||||
img
|
img
|
||||||
{
|
{
|
||||||
|
|
@ -27,6 +24,7 @@ a
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: grey;
|
color: grey;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
|
margin: 0 5px;
|
||||||
}
|
}
|
||||||
section
|
section
|
||||||
{
|
{
|
||||||
|
|
@ -51,7 +49,7 @@ article
|
||||||
}
|
}
|
||||||
.list{
|
.list{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(3,1fr);
|
grid-template-columns: repeat(2,1fr);
|
||||||
gap: 1em;
|
gap: 1em;
|
||||||
padding: 1em;
|
padding: 1em;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue