Menu icon Foundation

My Posts


My Comments

Metin Saray commented on Metin Saray's post over 3 years

And here's my CSS for half-text and half-image. I also added an example on how the half-image looks when it's not on the div, but on the img tag.
.align-vertical {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.half-image {
height: 100vh;
background-size: cover;
}

.half-text {
height: 100vh;
padding: 150px;
min-height: 50vh;
}

Posts Followed

No Content

Following

    No Content

Followers

My Posts


My Comments

You commented on Metin Saray's post over 3 years

And here's my CSS for half-text and half-image. I also added an example on how the half-image looks when it's not on the div, but on the img tag.
.align-vertical {
position: relative;
top: 50%;
transform: translateY(-50%);
}

.half-image {
height: 100vh;
background-size: cover;
}

.half-text {
height: 100vh;
padding: 150px;
min-height: 50vh;
}

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content