Known Participant

Answered

Website not looking good in Mobile view

Forum|Forum|6 years ago
April 15, 2019
1 reply
661 views

Hi all,

The website looks good in desktop and tablet views but not looks good in mobile view.Kindly help.

eZeemeat - A ZION Group

Thanks in advance.

This topic has been closed for replies.

Correct answer osgood_

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%;

}

}

Community Expert

Community Expert

What isn't working the way you expected?

RoopavathyAuthor

Known Participant

While viewing in mobile,there is a space on the right side...You can just scroll horizontally...

osgood_Correct answer

Legend

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%;

}

}