Hey, I have an issue that I’m pretty sure that is simple but as I’m new to Ionic, I don’t know how to solve it. I have to reproduce the following screen: [Loading] but so far I got this: [image] I have to center the title and the image, but nothing seems to work. Here’s my HTML and SCSS: <ion…

try to add these css lines in your .search-image class i hope its work for you .search-image { display: flex; align-items: center; justify-content: center; }

it works but I had to add height: 100% as well, anyway thanks for answering!

thank you so much, It works like a charm :star_struck:

Align to the center of ion row

Ionic Framework ionic-v3

rapropos April 15, 2020, 8:36pm 2

You should be able to do this with the CSS classes I posted in this thread.

Topic		Replies	Views
How to make content center in ion-row Ionic Angular	5	4877	January 6, 2020
Ion-img in center of screen Ionic Framework	1	14428	May 27, 2019
How can i make an object center in <ion-col>? ionic-v3	13	71655	April 29, 2020
Center img in ion-card ionic-v3	2	17475	November 6, 2017
Centering content Ionic Framework	16	44515	May 16, 2024

Align to the center of ion row

Related topics