ODYL House tillverkar och monterar hus av CLT (korslimmat trä) och GLT (limmat laminerat trä) med byggkomponenter av högsta kvalitet och genomtänkta inredningslösningar.
Läs mer om ODYL House
Upptäck ODYL:s resa mot att skapa hållbara och energieffektiva bostäder med hjälp av limträ och korslimmat trä (CLT). Medgrundarna delar med sig av sin vision om att kombinera modern design med miljövänliga material för en hälsosammare och mer hållbar framtid.
Läs mer på engelska
/* Återställ standardmarginaler och standardavstånd för alla element */
.blog-preview,
.blog-preview * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Behållare för bloggförhandsvisning */
.blog-preview {
display: flex;
flex-direction: column; /* Placera rubriken överst och resten nedanför */
bredd: 100%;
bakgrund: #F5F5F5; /* Bakgrund för hela avsnittet */
kantlinje: 1px heldragen #ddd;
border-radius: 4px; /* Avrundade hörn */
overflow: hidden;
}
/* Rubrik högst upp */
.blog-preview-title {
bredd: 100%;
padding: 10px 20px; /* Minskad avstånd för ett mer kompakt utseende */
font-size: 1,5em;
text-align: left; /* Justera rubriken till vänster */
bakgrund: #F5F5F5; /* Anpassa bakgrunden till avsnittet */
border-bottom: 1px solid #ddd; /* Avgränsningslinje */
}
.blog-preview-title a {
text-decoration: none;
färg: #333;
}
.blog-preview-title a:hover {
text-decoration: underline;
}
/* Innehåll (bild och text) */
.blog-preview-content {
display: flex;
flex-direction: row; /* Justera bild och text på samma rad */
gap: 15px; /* Minskat avstånd mellan bild och text */
align-items: start; /* Justerar text och bild uppåt */
bredd: 100%;
padding: 0 20px; /* Säkerställer enhetlig justering */
}
/* Vänstra kolumnen för bilden */
.blog-preview-image {
flex: 1 1 33%; /* Bilden tar upp 1/3 av bredden */
max-width: 33%;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.blog-preview-image img {
bredd: 100%;
höjd: 100%;
object-fit: cover; /* Fyll ut utrymmet med bibehållen bildförhållande */
display: block;
}
/* Dölj bilden på mobila enheter */
@media (max-width: 768px) {
.blog-preview-image {
display: none; /* Dölj bilden på mindre skärmar */
}
}
/* Högerkolumn för texten */
.blog-preview-text {
flex: 2 1 67 %;
padding: 10px 0; /* Minskad vertikal avståndsmarginal */
font-size: 1em;
line-height: 1,5;
färg: #555;
display: flex;
flex-direction: kolumn;
justify-content: center;
}
/* Knappen ”Läs mer” */
.blog-preview-text .read-more {
font-size: 1em;
färg: #5F56BF; /* Standardfärg */
text-decoration: none;
font-weight: fet;
}
.blog-preview-text .read-more:hover {
färg: #554DAB; /* Färg vid muspekning */
}
