Order Summary Component

Community feedback

• 

  George Stawowczyk•210

  @Jorgus1710Posted over 2 years ago

  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

  0

  ---

  

  mycrochip•460

  @mycrochipPosted over 2 years ago

  @Jorgus1710 Thank you. This was very thoughtful.

  0