Order Summary Component using HTML and CSS

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  Hello, @aybegu!

  Can you elaborate on your question? I didn't understand what you mean by middle part. Which part exaclty are you refering to?

  By the way, it looks very good to me!

  1

  ---

  

  Ayça Gürler•180

  @aybeguPosted 12 months ago

  @danielmrz-dev Thank you Daniel! I meant the annual plan part, the whole div to be exact. I couldn't apart them correctly, they are too in the middle and close to each other unlike the example. I tried padding and margin but it didn't worked like i hoped!

  1

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  Ok, now I got it @aybegu !

  Here's how I did that part:

  • First, I created a flex-container and 3 flex-items. The first item is the music image, the second is annual plan + $59.99/year and the third is the button change.

  Then I set the container like this:

  display: flex;
  justify-items: space-between;
  

  Then I set a margin-right: auto in the second item (annual plan + $59.99/year).

  And it's done!

  I hope it helps you!

  1

  

  Ayça Gürler•180

  @aybeguPosted 12 months ago

  @danielmrz-dev I am going to try that! Thank you Daniel!

  1

  

  Daniel 🛸•44,310

  @danielmrz-devPosted 12 months ago

  Please let me know if it worked 😊 @aybegu

  0