How can I center an image on mobile devices using responsive design?
Here is the code from my index.html file:
<div class="iteams">
<div class="width8 os-animation" data-os-animation="slideInRight" data-os-animation-delay="1.5s"><h2>Our <br>products</h2> <img src="images/zig.png" alt=""/></div>
</div>
Here is the code from my responsive.css file:
@media only screen and (max-width: 767px) {
.iteams h2{
text-align: center;
}
.iteams img{
margin 0px auto;
text-align: center;
}