Create square button

Ionic Framework ionic-v3
1

Hi guys,
I need to create a squared button.

I used a custom css class but I don’t see the text.

1

.large-button {
width: 80% !important;
padding: 0 0 80% 0 !important;
}

Could you please help me?

Thanks
Luca

2

Try this. It works for me. Button text is centre aligned.

.large-button {
    width: 80px !important;
    height: 80px !important;
  }
3

Thanks codebeepro, but I need a responsive solution

4

What exactly do you mean by I don’t see the text?

5

I solved using the codebeepro 's solution but I would like a responsive solution, percentage and not pixel. Is it possible?

Thanks

6

.square {
width: 100% !important;
height:0 !important;
padding: 0 0 100% 0 !important;
}

Try this!