Suivez le cours en ligne depuis l'adresse https:*projects.raspberrypi.org/en/projects/magazine/
La réalisation s'effectue depuis le site https:*trinket.io/embed/html/cef5e64bc0
Ci-dessous le corrigé.
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>mon magazine</h1>
<div class="column1"></div>
<div class="column2">
<div class="item">
<h2>Mignon le chatton !</h2>
<img class="photo" src="kitten.jpg"/>
</div>
</div>
</body>
</html>h1 {
text-align: center;
color: white;
background: teal;
padding: 5px;
}
body {
background: linear-gradient(to bottom right, lemnchiffon, white);
padding: 15px;
font-family: Carlito;
}
.column1 {
width: 48%;
float:left;
}
.column2 {
width: 48%;
float:right;
}
img {
max-width: 100%;
}
.photo {
box-shadow: 4px 4px 4px gray;
transform: rotate(10deg);
}
.item {
padding: 10px;
margin-bottom: 10px;
border: 3px dashed teal;
}
h2 {
color: white;
background: teal;
padding: 5px;
margin: 0px 0px 10px 0px;
box-shadow: 2px 2px 2px gray;
text-align: center;
}
Commentaires
Aucun commentaire pour l'instant. Soyez le premier !
Laisser un commentaire