43 lines
581 B
CSS
43 lines
581 B
CSS
|
.edukiontzia {
|
||
|
|
display: table;
|
||
|
|
margin:auto;
|
||
|
|
}
|
||
|
|
|
||
|
|
.item1 { grid-area: irudi1; }
|
||
|
|
.item2 { grid-area: irudi2; }
|
||
|
|
.item3 { grid-area: irudi3; }
|
||
|
|
|
||
|
|
.irudi_1, .irudi_2, .irudi_3 {
|
||
|
|
width: 180px;
|
||
|
|
}
|
||
|
|
|
||
|
|
.irudiak{
|
||
|
|
display: grid;
|
||
|
|
grid-template-areas:
|
||
|
|
'irudi1 irudi2 irudi3';
|
||
|
|
grid-gap: 10px;
|
||
|
|
padding: 10px;
|
||
|
|
width: max-content;
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
@media only screen and (max-width: 360px) {
|
||
|
|
.irudiak{
|
||
|
|
grid-template-areas:
|
||
|
|
'irudi1'
|
||
|
|
'irudi2'
|
||
|
|
'irudi3';
|
||
|
|
}
|
||
|
|
}
|
||
|
|
@media only screen and (max-width: 640px) {
|
||
|
|
.irudi{
|
||
|
|
width: 200px;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
a {
|
||
|
|
text-decoration: none;
|
||
|
|
}
|
||
|
|
a:visited {
|
||
|
|
color: blue;
|
||
|
|
}
|