Tessa123212
Gebruiker
- Lid geworden
- 10 mei 2016
- Berichten
- 5
Hallo,
Ik wil op mijn site bij "Over de makers" een soort visitekaartjes hebben met wat informatie eronder. Maar de kaartjes staan onder elkaar, terwijl ik ze naast elkaar wil. Hoe moet ik dit oplossen?
Ik wil op mijn site bij "Over de makers" een soort visitekaartjes hebben met wat informatie eronder. Maar de kaartjes staan onder elkaar, terwijl ik ze naast elkaar wil. Hoe moet ik dit oplossen?
Code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="Makers.css">
<style>
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
width: 40%;
border-radius: 5px;
}
.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
img {
border-radius: 5px 5px 0 0;
}
.container {
padding: 2px 16px;
}
#hallo {
margin-left: 0px;
margin-bottom:0px;
margin-top: 0px;
}
</style>
</head>
<body>
<h2>Round Card</h2>
<div class="card">
<img src="" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>Niels Tittse</b></h4>
<p>Hallo, Ik ben de designer van deze site. Ik bepaal welk knopje welke kleur heeft en welk plaatje bij welke tekst komt te staan. Zonder mij is deze site wit met zwarte lijntjes. Deze site is mijn leven. Dit alles had ik nooit gekund zonder mijn leidinggevende Tessa en informateur Rik.</p>
</div>
</div>
<div id="hallo" class="card">
<img src="" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>Tessa Janssen</b></h4>
<p>Hoi, ik ben de maker van deze site. Ik zorg ervoor dat alle knoppen werken en dat jij de goede informatie op je scherm krijgt! Ik heb van deze site mijn levenswerk gemaakt. Dit alles had ik nooit gekund zonder mijn informateur Rik en designer Niels.</p>
</div>
</div>
</body>
</html>
