Single Price Grid Component - Flexbox and Grid

Community feedback

• 

  P

  AjeaS•715

  @AjeaSmithPosted over 4 years ago

  Hi Jim, Great job on this! the mobile and desktop view looks exactly like the design. I'm curious what was it you weren't able to accomplish in this challenge?

  1

  ---

  

  Jim•50

  @Jim-GarnerPosted over 4 years ago

  @AjeaSmith Hey! Thanks so much for the feedback - yeah I struggled with a couple of things. On mobile the footer is right beneath the content, some margin or padding there would have been ideal, really. The other thing is, it's very minor but still annoying - in the design, the text next to the "$29" is vertically aligned, I couldn't quite manage that with the way that I did things.

  But! Onto the next project, everyday's a school day!

  0

  

  Pablo•50

  @pablowbkPosted over 4 years ago

  Hi Jim! If you want to vertically align the "$29" with the text next to it, you could set their containing <p> to be either display: flex, and then align-items: center; you would need to adjust margins, though. A similar approach with display grid could also help you with the vertical alignment. Give it a try !

  0