All comments

• 

  Michael•15

  @zhaungsontSubmitted over 3 years ago

  I'd like to know if there are any better ways to implement the div that holds the music logo and "Annual Plan" than my bare-bone html table. I am assuming my method limits the flexibility of this div's design. (e.g. I don't know a proper way to change the vertical spacing between "Annual Plan" and "$59.99/year", or how to fine-tune the positions of those elements in this div.)

  

  Order Summary Card w/ Pure CSS

  1

  10
  

  Bharath Sampath•120

  @bharath-sampathPosted over 3 years ago

  Hey Michael, the desktop design is awesome! Here are some pointers which helped me complete this challenge -

  1. Try using relative units (rem, em) rather than hard pixels. This helps in reponsiveness
  2. Try using flexbox/grid. It makes life a lot easier when it comes to centering divs (horizontally and vertically).

  Please find my solution here - https://bharath-sampath.github.io/order-summary-component/

  Marked as helpful

  1

  This comment has received 1 replyShow