ODYL House produceert en bouwt huizen van CLT (kruislings gelamineerd hout) en GLT (gelamineerd hout) met bouwelementen van superieure kwaliteit en innovatieve oplossingen voor het interieurontwerp.
Meer informatie over ODYL House
Ontdek hoe ODYL duurzame, energiezuinige woningen realiseert met behulp van gelamineerd hout en CLT. De medeoprichters delen hun visie op het combineren van modern design met milieuvriendelijke materialen voor een gezondere, duurzamere toekomst.
Meer lezen
/* Stel de standaardmarges en -afstanden voor alle elementen opnieuw in */
.blog-preview,
.blog-preview * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Container voor blogvoorvertoning */
.blog-preview {
display: flex;
flex-direction: column; /* Plaats de titel bovenaan en de rest eronder */
breedte: 100%;
achtergrond: #F5F5F5; /* Achtergrond van de hele sectie */
rand: 1px effen #ddd;
border-radius: 4px; /* Afgeronde hoeken */
overflow: hidden;
}
/* Titel bovenaan */
.blog-preview-title {
breedte: 100%;
padding: 10px 20px; /* Kleinere opvulling voor een strakker uiterlijk */
lettergrootte: 1,5em;
text-align: left; /* Titel links uitlijnen */
achtergrond: #F5F5F5; /* Aanpassen aan de achtergrond van de sectie */
border-bottom: 1px solid #ddd; /* Scheidingslijn */
}
.blog-preview-title a {
text-decoration: none;
kleur: #333;
}
.blog-preview-title a:hover {
text-decoration: underline;
}
/* Inhoud (afbeelding en tekst) */
.blog-preview-content {
display: flex;
flex-direction: row; /* Afbeelding en tekst op één regel uitlijnen */
gap: 15px; /* Minder ruimte tussen afbeelding en tekst */
align-items: start; /* Lijnt tekst en afbeelding bovenaan uit */
breedte: 100%;
padding: 0 20px; /* Zorgt voor een consistente uitlijning */
}
/* Linkerkolom voor de afbeelding */
.blog-preview-image {
flex: 1 1 33%; /* De afbeelding beslaat 1/3 van de breedte */
max-width: 33%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.blog-preview-image img {
breedte: 100%;
hoogte: 100%;
object-fit: cover; /* De ruimte opvullen met behoud van de beeldverhouding */
display: block;
}
/* Afbeelding verbergen op mobiele apparaten */
@media (max-width: 768px) {
.blog-preview-image {
display: none; /* De afbeelding verbergen op kleinere schermen */
}
}
/* Rechterkolom voor de tekst */
.blog-preview-text {
flex: 2 1 67%;
padding: 10px 0; /* Verticale opvulling verkleind */
lettergrootte: 1em;
line-height: 1,5;
kleur: #555;
display: flex;
flex-direction: kolom;
justify-content: center;
}
/* Knop ‘Lees meer’ */
.blog-preview-text .read-more {
lettergrootte: 1em;
kleur: #5F56BF; /* Standaardkleur */
text-decoration: none;
font-weight: vet;
}
.blog-preview-text .read-more:hover {
kleur: #554DAB; /* Kleur bij muisaanwijzer */
}
