ODYL House produserer og monterer hus i CLT (krysslaminert tre) og GLT (limtre) med bygningsdeler av ypperste kvalitet og innredningsløsninger.
Les mer om ODYL House
Opplev ODYLs reise mot å skape bærekraftige og energieffektive boliger ved hjelp av limtre og CLT. Medstifterne deler sin visjon om å kombinere moderne design med miljøvennlige materialer for en sunnere og mer bærekraftig fremtid.
Les mer om dette
/* Tilbakestill standard marginer og avstander for alle elementer */
.blog-preview,
.blog-preview * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Beholder for bloggforhåndsvisning */
.blog-preview {
display: flex;
flex-direction: column; /* Plasser tittelen øverst og resten under */
bredde: 100 %;
bakgrunn: #F5F5F5; /* Bakgrunn for hele seksjonen */
border: 1px solid #ddd;
border-radius: 4px; /* Avrundede hjørner */
overflow: skjult;
}
/* Tittel øverst */
.blog-preview-title {
bredde: 100 %;
padding: 10px 20px; /* Redusert avstand for et mer kompakt utseende */
font-size: 1,5em;
text-align: left; /* Juster tittelen til venstre */
bakgrunn: #F5F5F5; /* Tilpasses seksjonens bakgrunn */
border-bottom: 1px solid #ddd; /* Skille linje */
}
.blog-preview-title a {
text-decoration: none;
farge: #333;
}
.blog-preview-title a:hover {
text-decoration: underline;
}
/* Innhold (bilde og tekst) */
.blog-preview-content {
display: flex;
flex-direction: row; /* Justerer bilde og tekst på én linje */
gap: 15px; /* Redusert avstand mellom bilde og tekst */
align-items: start; /* Justerer tekst og bilde øverst */
bredde: 100 %;
padding: 0 20px; /* Sikrer jevn innretting */
}
/* Venstre kolonne for bildet */
.blog-preview-image {
flex: 1 1 33%; /* Bildet opptar 1/3 av bredden */
max-width: 33 %;
overflow: skjult;
display: flex;
align-items: center;
justify-content: center;
}
.blog-preview-image img {
bredde: 100 %;
høyde: 100 %;
object-fit: cover; /* Fyll ut plassen samtidig som sideforholdet opprettholdes */
display: block;
}
/* Skjul bildet på mobile enheter */
@media (max-width: 768px) {
.blog-preview-image {
display: none; /* Skjul bildet på mindre skjermer */
}
}
/* Høyre kolonne for teksten */
.blog-preview-text {
flex: 2 1 67 %;
padding: 10px 0; /* Redusert vertikal avstand */
font-size: 1em;
line-height: 1,5;
farge: #555;
display: flex;
flex-direction: kolonne;
justify-content: center;
}
/* «Les mer»-knapp */
.blog-preview-text .read-more {
font-size: 1em;
farge: #5F56BF; /* Standardfarge */
text-decoration: none;
font-weight: fet;
}
.blog-preview-text .read-more:hover {
farge: #554DAB; /* Farge ved musepek */
}
