Skip to main content
Roopavathy
Known Participant
April 15, 2019
Answered

Website not looking good in Mobile view

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 is closed to new replies. Start a new post to keep the conversation going.
osgood_Correct answer
Legend
April 15, 2019

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

}

}

3 replies

Jon Fritz
Community Expert
Community Expert
April 15, 2019

What isn't working the way you expected?

Translate
Roopavathy
Known Participant
April 15, 2019

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

Translate
osgood_Correct answer
Legend
April 15, 2019

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

}

}

Translate