[Dominias]

#programowanie #javascript #angular #css
Mam prośbę do speca od stylowania, chodzi mi o osiągnięcie efektu jak zaznaczyłem na załączonym obrazku tzn. wyrównanie do dołu ikonki i tekstu, oraz umieszczenie pod ikonką skrótu nazwy dnia wyśrodkowanego względem niej. Próbowałem to zrobić z bootstrapowymi row i columns ale raz, że paddingi syfią, a dwa, że miałem problem z wyrównaniem do dołu. Przygotowałem stackblitza jakby ktoś mógł to wyklikać: https://stackblitz.com/edit/angular-bootstrap-4-starter-jzysoj

[n0xx]

@Dominias: ikonka na dól: align-self: flex-end; a żeby tekst był też na samym dole to musisz się pobawić w line-height dla spana, stawiam coś koło 70-80%.

[emtei]

@Dominias: Ikona na równi z tekstem:
Dodaj align-items: baseline dla tego diva z linii nr 2.

Będą w jednej linii, ale nadal zostanie ten odstęp powodowany przez wysokość tekstu.

Żeby zredukować wysokość tekstu ustaw mu line-height: 1em

[Zavis]

@Dominias: Możesz też spróbować tak: https://stackblitz.com/edit/angular-bootstrap-4-starter-gus1w8?file=src%2Fapp%2Fapp.component.css