/*** TVE 6.0 ***/ /* Von Alle.css abweichende Festlegungen für die Kontaktseite */ /*** ***/ /* main besteht aus drei article, die ersten beiden werden bei größeren Viewports nebeneinander dargestellt */ main { display: grid; gap: 0.5em; grid-template-columns: 1fr; /* eine Spalte */ } article:first-of-type { } article:nth-of-type(2) { } article:nth-of-type(2) img /* Bild des Briefkastens */ { width: 10%; } article:last-of-type { } @media all and (min-width: 60em) /* große Viewports */ { main { display: grid; gap: 0.5em; grid-template-columns: 1fr 1fr; /* zwei Spalten */ } article:nth-of-type(2) img /* Bild des Briefkastens */ { width: 15%; } article:last-of-type { grid-column: 1/-1; } }