Tutorials: Unterschied zwischen den Versionen
Aus wiki.kometin.at
Keine Bearbeitungszusammenfassung Markierung: Zurückgesetzt |
Keine Bearbeitungszusammenfassung |
||
| (23 dazwischenliegende Versionen desselben Benutzers werden nicht angezeigt) | |||
| Zeile 5: | Zeile 5: | ||
<style> | <style> | ||
.tutorial-container { | .tutorial-container { | ||
margin-left: | margin-left: 11rem; | ||
width: 800px; | width: 800px; | ||
height: | height:300px; | ||
display:flex; | display:flex; | ||
flex-direction:row; | flex-direction:row; | ||
justify-content:center; | justify-content:center; | ||
gap: | gap:15px; | ||
align-items:flex-start; | align-items:flex-start; | ||
flex-wrap:wrap; | flex-wrap:wrap; | ||
| Zeile 21: | Zeile 21: | ||
.card { | .card { | ||
margin-top: 30px; | margin-top: 30px; | ||
padding: 15px; | padding: 15px; | ||
border: solid white 3px; | border: solid white 3px; | ||
border-radius: | border-radius: 50%; | ||
margin-left: | |||
} | |||
@media screen and (max-width: 80em) | |||
{ | |||
.tutorial-container { | |||
margin-left: 0; | |||
width: 100%; | |||
height: 800px; | |||
} | |||
} | } | ||
| Zeile 41: | Zeile 51: | ||
} | } | ||
.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> | </style> | ||
< | <div class="tutorial-header"> | ||
Unsere Tutorials | Unsere Tutorials | ||
</ | </div> | ||
<div class="tutorial-container" > | <div class="tutorial-container" > | ||
<div class="card"> | <div class="card"> | ||
| Zeile 71: | Zeile 92: | ||
<a href="https://wiki.kometin.at/Blogbeitrag-tutorial">Blog</a> | <a href="https://wiki.kometin.at/Blogbeitrag-tutorial">Blog</a> | ||
</div> | </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> | </div> | ||
</html> | </html> | ||
