Images overflows their containers when ngSrc is used

Discussão em 'Angular' iniciado por TalVik99, Março 21, 2025.

  1. TalVik99

    TalVik99 Guest

    I'm trying to place two images as a link to the home page. I want to place them in containers that I can manage the dimensions of and the image in fill mode.

    <a routerLink="/" class="flex justify-center items-center gap-8">
    <div class="h-[72px] w-[92px]">
    <img ngSrc="logos/logo1.png" priority fill/>
    </div>
    <div class="h-[38px] w-[122px]">
    <img ngSrc="logos/logo2.png" priority fill/>
    </div>
    </a>


    The problem is that these images spill over the entire screen, outside the containers. What am I doing wrong?

    Continue reading...

Compartilhe esta Página