@Jorgus1710
Posted
Hey, very nice card! I noticed however that the mobile view isn't optimized. Perhaps a mobile first approach will be a good habit when doing projects, it certainly has been helping me.
I think it's great you used the grid approach to lay out the items in the middle of the card. I just did the challenge myself and decided to use flexbox for that section. If your curious how to get the same result using flexbox, I did it as follows to your "grid-columns":
display: flex;
align-items: center;
justify-content: space-between;
Setting the display to flex aligns the items into rows by default. After that, to move the items within the container as per design image I simply played with "margin-left" values of the items in the container to offset them however I wanted. I'll be referencing your approach to grid when the time comes for me to begin using it, thanks and keep up the good work!
Marked as helpful
@mycrochip
Posted
@Jorgus1710 Thank you. This was very thoughtful.