All comments

• 

  reema• 30

  @R33M4

  Submitted almost 3 years ago

  I'm a complete noob in web dev, here I tried to replicate the website as best as I could. I had a problem with the music icon & pricing section, I couldn't manage to position them correctly.

  also had problems with the payment & cancel buttons.. I couldn't separate them on lines without ruining their position

  

  desktop html & css only - first attempt

  2

  10

  

  Kenny Putman• 40

  @kennyputman

  Posted almost 3 years ago

  Hey, looks great!

  Positioning and centering is always difficult. I suggest looking into flexbox to help with this one.

  Here are some helpful links for it:

  • mozilla docs
  • Kevin Powell
  • Flexbox Froggy

  You can wrap items in a div and then use flexbox to position them. for example wrapping the payment and cancel buttons in a div and then setting it to display: flex and flex-direction: column will move those into a vertical stack.

  2