grid prosba o pomoc z centrowaniem

[HERO]

Hejka to moj kod 

 

.boxes{
			display: grid;
			grid-row-gap: 32px;
			grid-column-gap: 32px;
			grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
			margin-bottom: 50px;
		}

 

ktory powoduje wyswietlenie tego po lewej

 

https://ibb.co/YTkVLZh

 

w jaki sposob zrobic zeby ostatni element ktory nie ma pary byl wycentrowany?

z gory dziekuje

[Mion]

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Box_Alignment_in_CSS_Grid_Layout

 

[blazejs]

W dniu 18.02.2021 o 10:04, HERO napisał:

w jaki sposob zrobic zeby ostatni element ktory nie ma pary byl wycentrowany?

z gory dziekuje

 

Czy przypadkiem tego co chcesz miec nie latwiej zrobic na flex css? Grid to - jak sama nazwa wskazuje - siatka. Musialbys polaczyc dwie ostatnie komorki ze soba (span) i wysrodkowac zawartosc. Z fleksem byloby chyba latwiej, bo ostatniemu ustawisz align-self...

 

https://flexbox.malven.co/

https://grid.malven.co/

 

[Xenobi]

Polecam znakomity generator FLEX:

 

https://the-echoplex.net/flexyboxes

 

To samo tylko z GRID:

 

https://grid.layoutit.com/

 

Po 2 min zabawy można z łatwością opanować