Website not looking good in Mobile view

Contributor ,
Apr 15, 2019 Apr 15, 2019

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.

eZeemeat - A ZION Group

Thanks in advance.

Views

342

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

LEGEND , Apr 15, 2019 Apr 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%;

}

}

Likes

Translate

Translate
Adobe Community Professional ,
Apr 15, 2019 Apr 15, 2019

Copy link to clipboard

Copied

What isn't working the way you expected?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Contributor ,
Apr 15, 2019 Apr 15, 2019

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Apr 15, 2019 Apr 15, 2019

Copy link to clipboard

Copied

LATEST

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

}

}

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines