I used Atom editor for making this desktop design.

You are currently using the position property to distribute the cards in the layout which is not the proper way. The best way to make layouts is using flexbox and grid. These guides and games will help you improve your skills

Flexbox : https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Grid : https://css-tricks.com/snippets/css/complete-guide-grid/

I recommend these two games: Flexbox froggy : https://codepip.com/games/flexbox-froggy/ Grid garden : https://codepip.com/games/grid-garden/

Hello Zunair! Using grid and flexbox for the card layout would be much easier that the position property. The resources linked on the previous content are really good to start learning them. I'll add one more for grid https://scrimba.com/course/gR8PTE. This is a free short video course that really helped understand how grid works when I first got into it. Hope it helps!