Code: Select all
<div style="display: flex; justify-content: center;"><div class="ali"><img src="https://www.xyz.com/image/aboutus/xyz-rz.jpg" alt="xyz" width="100%" height="auto" class="img-responsive"></div></div>
Code: Select all
Code: Select all
<style>
div.ali{
width: 70%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
border-radius: 1%;
padding: 10px 10px 10px 10px;
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
.ali{
[b] what should i use here to clear the css for mobile[/b]
}
</style>