All comments

• 

  shojoDev• 50

  @shojoDev

  Submitted almost 2 years ago

  I am having difficulty laying out the <div class="plan">, please check my script and help with however I can go about that.

  Critics and suggestions are needed on my codes too.

  

  Order Summary Component

  2

  50

  

  Paul Biber• 100

  @roadblock37

  Posted almost 2 years ago

  The first thing I would do is wrap the image and annual plan in a parent flex container and then make class plan space-between. Something like this:

  <div class=plan> <div class=parentFlexContainer> <img/> <div class=annualPlan> </div> </div> <div class=change> </div> </div>

  This way you can position the image and annual plan in its own container And use the plan container to position the child containers using justify-content: space between;

  And of course your padding will change in the plan div. Most likely it will be equal padding on all 4 sides. I would start with 1rem and go from there.

  0

  This comment has received 3 repliesShow