Alignment of text boxes inside grid

Design help General
1

Why are the text link boxes with the class “terminbuchung” not aligning horizontally? How can I change that?

2

hi @Samuel1993 there are two issues with firs card in your Grid:

  1. top wrapper missing classteam_card_top
  2. you have 3 small-spacer instead of 2 as in rest of cards (main issue)

CleanShot 2025-05-08 at 18.30.41
CleanShot 2025-05-08 at 18.30.411073×573 163 KB

3

Thank you. I adjusted accordingly but it is still not working. The text in the “text_team_member” is longer than in the other team cards. I thought that there must be way to stretch the content in the other team cards?

4

hi @Samuel1993 there is several issues related to your CSS.

  1. .team_member_wrapper should be flex and not block
  2. .image_team_member img should have something like following code
.image_team_member{
     border-radius: .8rem;
     width: 100%;
     height: calc(260px + 6vw); /* this will dynamically change height based on viewport width. provided values are just for demonstration */
     object-fit: cover;
}

this should fix all you issues to gave with this part.

BTW: images take ages to load.

CleanShot 2025-05-08 at 21.31.25
CleanShot 2025-05-08 at 21.31.251969×895 426 KB

12s responsiveness demo

External Media
5

@Stan Thank you! How can change the loading time? I already compressed them to webp format…

7

Hi @Samuel1993 what do you mean ? Do you have issue with loading website? I can’t see any issue

8

I asked because you mentioned “BTW: images take ages to load.” How can I decrease that?

9

Hi @Samuel1993 when I was writing the reply these images loaded very slow. I do not experiance this issue. :ok_hand: