I have a picture that's wider than it is tall.
When the page loads on mobile, I added this code block to rotate it by 90 degrees.
@media screen and (max-width: 767px) {
#block-yui_3_17_2_1_1702178643941_31198{
transform: rotate(90deg);
width: 100%;
margin-top: 100px;
}
}
this works, but the image doesn't fill the screen.
How do i get the same view that I would get if the phone was flipped in landscape orientation? In that case the image fills the screen.