Quelltext der Seite Schülerprojekt zu Anleitungen/Ende: Lernpfad zu Anleitungen

<div style="
  --r:8px;     /* radius   */
  --g:#e1e9f5, white; /* gradient */
  border-radius:var(--r);
  padding:var(--r);
  background:
    /*corners*/
    radial-gradient(farthest-side at bottom right,var(--g)) top    left /var(--r) var(--r),
    radial-gradient(farthest-side at top    right,var(--g)) bottom left /var(--r) var(--r),
    radial-gradient(farthest-side at bottom left ,var(--g)) top    right/var(--r) var(--r),
    radial-gradient(farthest-side at top    left ,var(--g)) bottom right/var(--r) var(--r),
    /* borders*/
    linear-gradient(to top   ,var(--g)) top   /calc(100% - 2*var(--r)) var(--r),
    linear-gradient(to bottom,var(--g)) bottom/calc(100% - 2*var(--r)) var(--r),
    linear-gradient(to right ,var(--g)) right /var(--r) calc(100% - 2*var(--r)),
    linear-gradient(to left  ,var(--g)) left  /var(--r) calc(100% - 2*var(--r));
  background-repeat:no-repeat;">
<div style="background-color: #A8DF4A; padding: 16px">
'''Du befindest dich am Ende des Lernfpades!'''
[[Datei:Ende des Lernfpades .png|zentriert]]
<div style="display: flex; justify-content: space-between;">
<div>[[Schülerprojekt zu Anleitungen|'''⬅️ Zurück zur Übersicht''']]    </div>