blob: cee266693c3ddcc4acb3d002c71b6e89cf7e0b8f (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
/* css personnalissé à cette page,
.grid_columns utilise un nombre de colonnes spécifique */
article img
{
border-radius: 50%;
}
.grid_columns
{
grid-template-columns: repeat(4, 1fr);
}
@media screen and (max-width: 900px)
{
.grid_columns
{
grid-template-columns: repeat(3, 1fr);
}
}
@media screen and (max-width: 650px)
{
.grid_columns
{
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 550px)
{
.grid_columns
{
display: grid;
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 350px)
{
.grid_columns
{
display: block;
}
}
|
