Od niedawna uczę się pisać strony internetowe, aktualnie przerabiam CSS GRID. Natknąłem się na taki problem:
https://codepen.io/wb88/pen/ExVMzrq
Mam stworzoną siatkę, w komórce, która znajduje się w prawym górnym rogu (.item2) są dwa elementy (h1 i span). Chciałbym, żeby h1 i span znajdowały się jedn pod drugim, były wycentrowane w pionie i poziomie i zawierały 100% szerokości item2. Kombinuję już dość długo, ale jak się spodziewacie z mizernymi efektami.
Ktoś wie, jak to rozgryźć?
Pozdrawiam,
W.
EDIT:
Ok, sam wpadłem na rozwiązanie. Poprawcie mnie, jeśli niepoprawne. W .item2 dodajemy "flex-wrap: wrap;". To załatwia sprawę
.