Thank you very much, that was the solution !

Hi,
I tried to reroduce the QCard with media content example with a longer text:

<q-card class=“my-card”>
<q-img src=“https://cdn.quasar.dev/img/parallax2.jpg”>
<div class=“absolute-top text-center”>
<div>First column</div>
<div>Second column</div>
<div>Third column</div>
<div>2First column</div>
<div>Second column</div>
<div>Third column</div>
<div>3First column</div>
<div>Second column</div>
<div>Third column</div>
<div>4First column</div>
<div>Second column</div>
<div>Third column</div>
<div>5First column</div>
<div>Second column</div>
<div>Third column</div>
</div>
</q-img>
</q-card>

Unfortunately not all the text is displayed and I do not know what to do to fix it.

Thank you for your help.

Adrian

Yes, you are right.
Thank you.

Unfortunately it made no difference

Can we modify the size or the font-size for a q-tab? For example

<q-tabs
v-model=“tab”
class=“text-teal size”
>
<q-tab name=“mails” icon=“mail” label=“Mails” />
<q-tab name=“alarms” icon=“alarm” label=“Alarms” />
<q-tab name=“movies” icon=“movie” label=“Movies” />
</q-tabs>

<style scoped>
.size {
font-size: 1.3em;
}
</style>