Highlighted

Website not looking good in Mobile view

Contributor ,
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.

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

}

}

Views

272

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

Website not looking good in Mobile view

Contributor ,
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.

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

}

}

Views

273

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
Apr 15, 2019 0
Adobe Community Professional ,
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
Reply
Loading...
Apr 15, 2019 0
Contributor ,
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
Reply
Loading...
Apr 15, 2019 0
LEGEND ,
Apr 15, 2019

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

}

}

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
Reply
Loading...
Apr 15, 2019 1