vincentRamiere/tp-figma-js
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

modif html et css

Browse source
This commit is contained in:
Vincent Ramiere 2021-10-17 20:59:49 +02:00
parent 71b120be56
commit 91dc87bdad
2 changed files with 21 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
index.html
View file

@ -9,15 +9,16 @@
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<section> <h1>Our Team Members</h1>
<h1>Our Team Members</h1> <section id="bloc1">
<div id = personne> <div id="fiche">
<p id = "nom"></p> <img id = "avatar" src="" alt="Photo d'identité">
<p id = "prenom"></p> <p id = "nom"></p> <p id = "prenom"></p>
<p id = "identifiant"></p> <p id = "identifiant"></p>
<p id = "email"></p> <p id = "email"></p>
<img id = "avatar" src="" alt="Photo d'identité">
</div> </div>
<div id="personne"></div>
</section> </section>
</body> </body>
</html> </html>

18
style.css
View file

@ -1,11 +1,21 @@
#personne { h1 {
text-align: center;
}
#bloc1 {
text-align: left;
display: flex; display: flex;
flex-direction: row; }
justify-content: space-around;
flex-wrap: wrap; #fiche{
background-color: rgba(237, 236, 254, 1);
} }
img{ img{
width:100px; width:100px;
clip-path:ellipse(50% 50%); clip-path:ellipse(50% 50%);
}
#nom, #prenom {
display: inline;
} }