Solution for the FrontendMentor challenge "Social links profile"

First u flex use on element container for example

<div class= "card-container"> <div class= "card1"> </div> </div> " To center the card fist give width and height 100vw and 100vh to the card-container , Use flex css justify -content center == center item horizontilly and align-items center == center item vertically then ur card become on center :), grid and Flex are used on parent elements and they also have some child property search on w3school for better understanding