fofana/Projet_Web
3
2
Fork 0
Code Issues Pull requests Releases Wiki Activity

Sahem

Browse source
This commit is contained in:
Olivan Sahel 2022-12-01 10:22:20 +01:00
parent 561ab9a8fb
commit e459206eae
3 changed files with 41 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
Page1.html
View file

@ -3,6 +3,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
<link rel="Javascript" href="Page1.js">
<html> <html>
<head> <head>
<title>Projet Web</title> <title>Projet Web</title>

13
Puissance4.html
View file

@ -3,6 +3,7 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css" type="text/css"> <link rel="stylesheet" href="style.css" type="text/css">
<link rel="Javascript" href="Page1.js">
<html> <html>
<head> <head>
<title>Puissance 4</title> <title>Puissance 4</title>
@ -21,9 +22,15 @@
<main> <main>
<section> <section>
<article> <article>
<div class="list"> <div id="Puissance4Board">
<div class="one">1</div>
</div> <div class="two">2</div>
<div class="three">3</div>
<div class="four">4</div>
<div class="five">5</div>
<div class="six">6</div>
</div>
</article> </article>
</section> </section>
</main> </main>

30
style.css
View file

@ -56,3 +56,33 @@ article
footer{ footer{
margin-top: auto; margin-top: auto;
} }
#Puissance4Board{
display: grid;
grid-template-columns: (6,7);
gap: 1em;
padding: 1em;
}
.one{
grid-column: 1;
grid-row: 1;
}
.two{
grid-column: 1;
grid-row: 1;
}
.three{
grid-column: 1;
grid-row: 1;
}
.four{
grid-column: 1;
grid-row: 1;
}
.five{
grid-column: 1;
grid-row: 1;
}
.six{
grid-column: 1;
grid-row: 1;
}