How to expand image size to fit with screen

81surajjadhav · February 1, 2018, 9:31am

How to expand image size,I want reduce gap left and right of the image imag

virender · February 1, 2018, 10:29am

Can you explain more about your problem.

inartech · February 1, 2018, 10:36am

You have to delete ‘padding’ from “<ion-content padding>” in html file.

81surajjadhav · February 1, 2018, 10:46am

yes i have padding in ,
Now i removed padding from ,Image issue is fixed,but i want add padding for button.

inartech · February 1, 2018, 10:48am

To do this, add margins to your buttons!

81surajjadhav · February 1, 2018, 11:02am

.button{
margin-left: 10px;
margin-right: 10px;

}

i have added margin for button.Left margin working fine.But right margin not showing any result.Buttons are flowing at right side.
Any help.

inartech · February 1, 2018, 11:05am

You can change the width of buttons to smaller than 100%.

ChrisGriiffith · February 1, 2018, 1:14pm

Correct, it is the padding directive that you needed to remove, but you might explore the https://ionicframework.com/docs/theming/css-utilities/ You find that you have a lot of other directives that can assist your layouts.