Skip to content

Instantly share code, notes, and snippets.

View admkrm's full-sized avatar

Kristof Michiels admkrm

View GitHub Profile
##
# Oefening 15
# Is een string een palindroom? https://nl.wikipedia.org/wiki/
# Palindroom. Een string is een palindroom als het identiek is gelezen
# van links en rechts en van rechts naar links. Zo zijn “meetsysteem” en
# “stormrots” voorbeelden van palindromen. Schrijf een programma dat een
# string vraagt aan een gebruiker en een loop gebruikt om te bepalen of
# het woord al dan niet een palindroom is. Gebruik print om met een
# betekenisvol bericht eventueel te bevestigen of dat het geval is.
# Tip:
@admkrm
admkrm / gist:7365fde6bc7dc9a20d78918cbb22165a
Created December 20, 2021 23:06
Lab 12 - Oef 6 - CSS
:root {font-size: 62.5%;}
body {
margin-top: 10vh;
display: grid;
grid-template-columns: 1fr 60rem 1fr;
height: 80vh;
font-family: helvetica;
font-size: 2rem;
font-weight: 100;}
<p class="slecht">Slechte Karma: 0</p>
<main>
<div class="karmakaart"></div>
<p class="karmabingo">Karmabingo: 0</p>
</main>
<p class="goed">Goede Karma: 0</p>
@admkrm
admkrm / gist:bdf330e36f1ee1de33c9af37fa3eccab
Created December 20, 2021 22:52
Lab 12 - Oef 4 - CSS
body {
width: 80vh;
height: 80vh;
background-color: #00203f;
display: grid;
grid-gap: 0.9vw;
margin: 10vh auto;
}
<div class="gekleurd"></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
main {
width: 825px;
height: 400px;
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 25px;
margin: 100px auto 0 auto;
}
div {
<main>
<div></div>
<div></div>
</main>
<p>Zelfde kleur</p>
<p>Zelfde getal</p>
@admkrm
admkrm / gist:7420530cce4119c944eb9edb0babbfc3
Created December 20, 2021 22:24
Lab 12 - oef 3 - css
body {
background-color: #00203f;
}
main {
width: 600px;
height: 700px;
margin: 25px auto;
background-color: #0074D9;
padding-top: 80px;
<main>
<div>
<div class="raam">0</div>
<div class="raam">0</div>
<div class="raam">0</div>
<div class="raam">0</div>
<div class="raam">0</div>
<div class="raam">0</div>
<div class="raam">0</div>
<div class="raam">0</div>
<header>
<div></div>
</header>
<nav>
<p>:-)</p>
</nav>
<main>
</main>