Ι’ve used a video with custom liquid effects that looks very appealing on mobile, but on PC, it appears too large and blurry. I’ve applied CSS code that enhances its appearance on mobile, yet the changes I’ve made to the CSS don’t fix the issue on PC
this is the liquid code :
style>
video {
width: 50%;
height: auto;
display: block;
margin: 0 auto;
}
and this is the css :
/mobile - small tablets/
video {
width: 100%;
} /* any screen equal to or wider than 992px */
@media only screen and (min-width: 992px) {
video {
width: 25%;
}
}
