My css grid item isnt ordered correctly but my result is almost correct

Question

I am currently making a website to play around with css grid and I am making a "add friend" menu. The Layout should look like this:

HTML and SCSS: