Witam. Tak to wygląda:
Jednostka dla tego czarnego diva to vh. 100vh. I wiem, że właśnie tak ta jednostka działa, ale czy jest sposób, żeby ten div zajął całą możliwą przestrzeń? Kod html:
<div id="oblique">
<img src="../../assets/img/logo.png">
</div>
<ng-content></ng-content>
CSS:
@media(max-height: 568px), (max-width: 820px) {
#oblique, #oblique>img {
display: none;
}
}
@media(min-height: 568px), (min-width: 820px) {
#oblique {
float: left;
border-top: 100vh solid #202020;
border-right: 10vw solid transparent;
width: 50vw;
}
#oblique>img {
position: absolute;
top: 50%;
left: 27.5%;
transform: translate(-50%, -50%);
}
}
Dzięki za pomoc!