Css grid

Question

https://code.sololearn.com/W7oR8NSQZ9gZ/?ref=app

How to set auto multiple columns and rows span for specific elements, insted of setting manualy ( for example forst grid-row:2/4; grid-column:5/7; second grid-row:1/3; grid-column:10/12;) and counting the lines.
I want to set all elements with class "multy" to span 2 rows and 2 columns.

Answer 1

Try to read up more on Grid: https://css-tricks.com/snippets/css/complete-guide-grid/

Your code looks too convoluted as it stands right now.

Answer 2

add grid-row: span 2; and grid-colum: span 2; to multi.

It won't display correctly on the phone but when you test it in the browser (on sololearn.com) it will do just what you asked for.

For some reason the mobile version of the app is putting everything in one column, that's why you cant test the grid capabilities properly.

Answer 3

Csaba Varga give a link to a great article! I encourage to read it.

Answer 4

سدزتيخف. .ء بغ.ؤ. هههههههء نلكصح ةا

Answer 5

Sanja Malovic I tried to look up info on how to do this but havent found any solutions. Keep us posted if you find anything :)

Answer 6

زءافشط مةف نزهةال نرق

Answer 7

Add this code: grid-area: span 2 / span 2; to multy class.

Order: row/col.