Как с помощью css или html выровнять карточки по одной линии и как уменьшить эти карточки?

Фиг что увидишь на скриншотах, обрезай их, чтобы лишнего ничего не было.
Карточки засунь во флекс контейнер и убери у них высоту фиксированную, тогда пустого места внизу не будет.