How to make an avatar bigger?


#1

Hi guys,
I’m currently trying to resize my avatar… Actually I would like to have a menu like that ( in terms of positioning) :

but I didn’t succeed to resize and place my avatar like this…
If you have any idea, please give itto me :wink:

thanks


#2

Can you post the code you’re trying? The html and css?


#3

that’s my html code :

<ion-menu [content]='nav' >
    <ion-header>
        <ion-toolbar>
            <ion-title>Menu </ion-title> 
        </ion-toolbar>
    </ion-header>
    <ion-content>
        <ion-grid>
            <ion-row>
                <ion-col>
                    <ion-item text-center>
                        <ion-avatar >
                            <img src="https://www.topsante.com/var/topsante/storage/images/couple-et-sexualite/amour-et-couple/vie-de-couple/amour-comment-reconnaitre-un-homme-amoureux/102208-2-fre-FR/Amour-comment-reconnaitre-un-homme-amoureux.jpg">
                        </ion-avatar>
                    </ion-item>
                </ion-col>
            </ion-row>
            <ion-row>
                <ion-col text-center>
                    <button ion-button outline (click)='onShowProfile()'>Pierre Meunier</button>
                </ion-col>
            </ion-row>
        </ion-grid>

blablablabla

But I didn’t try any scss code because I don’t know what to try !