55 lines
758 B
CSS
55 lines
758 B
CSS
.griglia {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: repeat(2, 0.2fr) 1fr 0.2fr repeat(2, 1fr);
|
|
grid-column-gap: 50px;
|
|
grid-row-gap: 50px;
|
|
}
|
|
|
|
.intro {
|
|
grid-area: 1 / 1 / 2 / 4;
|
|
|
|
}
|
|
|
|
.content1 {
|
|
grid-area: 2 / 1 / 3 / 4;
|
|
}
|
|
|
|
.content2 {
|
|
|
|
text-align: left;
|
|
grid-area: 3 / 1 / 4 / 3;
|
|
}
|
|
|
|
.pic1 {
|
|
margin-top: 100px;
|
|
grid-area: 3 / 3 / 4 / 4;
|
|
|
|
}
|
|
|
|
.content3 {
|
|
grid-area: 4 / 1 / 5 / 4;
|
|
}
|
|
|
|
.pic2 {
|
|
margin-top: 200px;
|
|
grid-area: 5 / 1 / 6 / 2;
|
|
}
|
|
|
|
.content4 {
|
|
text-align: right;
|
|
grid-area: 5 / 2 / 6 / 4;
|
|
}
|
|
|
|
/*.content5 {
|
|
grid-area: 6 / 1 / 7 / 4;
|
|
}*/
|
|
|
|
.content5 {
|
|
grid-area: 6 / 1 / 7 / 3;
|
|
}
|
|
|
|
.pic3 {
|
|
margin-top: 200px;
|
|
grid-area: 6 / 3 / 7 / 4;
|
|
} |