@shojoDevSubmitted about 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.
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.
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.