Copy link to clipboard
Copied
Hi all,
The website looks good in desktop and tablet views but not looks good in mobile view.Kindly help.
Thanks in advance.
Roop,
Add img-fluid to the class as shown:
<img src="http://www.ezeemeat.com/images/abt_chick.jpg" class="float-left img-fluid">
Add the below css selector to your css styles that will format the overlay block better for small screens:
.captionbck {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 480px) {
.captionbck {
width: 90%;
}
}
Copy link to clipboard
Copied
What isn't working the way you expected?
Copy link to clipboard
Copied
While viewing in mobile,there is a space on the right side...You can just scroll horizontally...
Copy link to clipboard
Copied
Roop,
Add img-fluid to the class as shown:
<img src="http://www.ezeemeat.com/images/abt_chick.jpg" class="float-left img-fluid">
Add the below css selector to your css styles that will format the overlay block better for small screens:
.captionbck {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 480px) {
.captionbck {
width: 90%;
}
}