Tutorials: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung |
Keine Bearbeitungszusammenfassung |
||
| (72 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
<html> | |||
<style> | |||
.tutorial-container { | |||
margin-left: 11rem; | |||
width: 800px; | |||
height:300px; | |||
display:flex; | |||
flex-direction:row; | |||
justify-content:center; | |||
gap:15px; | |||
align-items:flex-start; | |||
flex-wrap:wrap; | |||
align-content: flex-start; | |||
background-image: url("https://wiki.kometin.at/images/b/b8/Polotno.png"); | |||
background-size: cover; | |||
} | |||
.card { | |||
margin-top: 30px; | |||
padding: 15px; | |||
border: solid white 3px; | |||
border-radius: 50%; | |||
} | |||
@media screen and (max-width: 80em) | |||
{ | |||
.tutorial-container { | |||
margin-left: 0; | |||
width: 100%; | |||
height: 800px; | |||
} | |||
} | |||
.card a { | |||
color: white; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.card:hover { | |||
border: yellow solid 2px; | |||
} | |||
.card a:hover { | |||
color: yellow; | |||
} | |||
.tutorial-header { | |||
text-align: center; | |||
margin-top: 30px; | |||
padding: 15px; | |||
border: solid yellow 3px; | |||
border-radius: 50%; | |||
font-size: 20px; | |||
border-radius: 50%; | |||
width: 150px; | |||
margin-left: 27rem; | |||
margin-bottom: 1rem; | |||
} | |||
</style> | |||
<div class="tutorial-header"> | |||
Unsere Tutorials | |||
</div> | |||
<div class="tutorial-container" > | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Graz.social.event-erstellung">Event.graz.social - Erstellung</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Buddy-Leitfaden">Buddy-Verantwortlichkeiten</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Orga-Treffen-leitfaden">Orga-Treffen-Leitfaden</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Vereinsorgane-melden">Vereinsorgane melden</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Wikiseiten-tutorial">Wiki Seite</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Tdk-beitrag-tutorial">Tage der Kometin</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Pixelfed-tutorial">Pixelfed</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/Blogbeitrag-tutorial">Blog</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/naehen">Nähen</a> | |||
</div> | |||
<div class="card"> | |||
<a href="https://wiki.kometin.at/monatsuebersicht">Monatsübersicht</a> | |||
</div> | |||
</div> | |||
</html> | |||
