Cedric Abonnel
75 lines
1.1 KiB
Markdown
75 lines
1.1 KiB
Markdown
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
|
|
<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>
|
|
```
|
|
|
|
```CSS
|
|
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;
|
|
}
|
|
``` |