Vagabond Haven

An Interview With Manuel Kohout, Founder & CEO of Vagabond Haven

Explore an engaging discussion with Manuel Kohout, founder and CEO of Vagabond Haven, where he shares insights into creating sustainable, affordable, and inspiring tiny homes for modern nomads.

Read more

/* Container for forhåndsvisning av blogg */
.blog-preview {
display: flex;
flex-direction: column; /* Stable tittelen øverst og resten under */
bredde: 100 %;
background: #F5F5F5; /* Hele seksjonens bakgrunn */
border: 1px solid #ddd;
border-radius: 4px; /* Avrundede kanter */
overflow: skjult;
}

/* Tittel øverst */
.blog-preview-title {
bredde: 100 %;
padding: 10px 20px; /* Redusert padding for et strammere utseende */
skriftstørrelse: 1,5em;
text-align: left; /* Juster tittelen mot venstre */
background: #F5F5F5; /* Match seksjonens bakgrunn */
border-bottom: 1px solid #ddd; /* Separasjonslinje */
}

.blog-preview-title a {
text-decoration: none;
color: #333;
}

.blog-preview-title a:hover {
text-decoration: underline;
}

/* Innhold (bilde og tekst) */
.blog-preview-content {
display: flex;
flex-direction: row; /* Juster bilde og tekst i én linje */
gap: 15px; /* Redusert mellomrom mellom bilde og tekst */
align-items: start; /* Justerer tekst og bilde øverst */
bredde: 100 %;
polstring: 0 20px; /* Holder konsekvent justering */
}

/* Venstre kolonne for bildet */
.blog-preview-image {
flex: 1 1 33%; /* Bildet tar opp 1/3 av bredden */
maks bredde: 33 %;
overflow: skjult;
display: flex;
align-items: center;
justify-content: center;
}

.blog-preview-image img {
width: 100%;
height: 100%;
object-fit: cover; /* Fyll ut plassen samtidig som størrelsesforholdet 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 utfylling */
skriftstørrelse: 1em;
linjehøyde: 1,5;
farge: #555;
display: flex;
flex-retning: kolonne;
justify-content: center;
}

/* Les mer-knappen */
.blog-preview-text .read-more {
skriftstørrelse: 1em;
farge: #5F56BF; /* Standardfarge */
tekst-dekorasjon: ingen;
font-weight: bold;
}

.blog-preview-text .read-more:hover {
color: #554DAB; /* Hover color */
} }