Allgemeine Anleitungen
| HTML |
|---|
<style>
.grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap: 20px;
}
.grid-item {
background-color: white;
border: 4px solid |
...
black; border-radius: 5px; text-align: center; } .grid-item button { width: 100%; height: 100px; border: none; background-color: |
...
black; font-size: 18px; font-weight: bold; color: |
...
white; cursor: pointer; } .grid-item button:hover { color: |
...
Black; background-color: |
...
white; } </style> <div class="grid"> <div class="grid-item"><button onclick="window.location.href='/display/XPER/3D-Druck+-+Grundlegendes'">Grundlegendes</button></div> <div class="grid-item"><button onclick="window.location.href='/display/XPER/3D-Druck+-+Besonderheiten'">Besonderheiten</button></div><div class="grid-item"><button onclick="window.location.href='/display/XPER/3D-Druck+-+Modell+erstellen'">3D-Modell erstellen</button></div> <div class="grid-item"><button onclick="window.location.href='/display/XPER/TinkerCAD+Grundlagen'">TinkerCAD Grundlagen</button></div> <div class="grid-item"><button onclick="window.location.href='/display/XPER/PrusaSlicer+Funktionen'">Prusa Slicer</button></div> <div class="grid-item"><button onclick="window.location.href='/display/XPER/3D-Druck+-+Checkliste'">3D-Druck Checkliste</button></div> </div> |
...
|