Have got a question concerning flex box my problem is two in one

Question

My code got to button that I would like to place side by side using flex box
But each attempt lead to the creating of the second set of button under the first set
Then there is this problem of flex-start on w3 school they said we should position column to the right using justify content but in my code justify content is not working instead it was align-items that did work
https://code.sololearn.com/Wwf7mtCUS5R3/?ref=app

Answer 1

To place the button side by side, use

#btn{
flex-direction: row;
}

Or just delete the flex-direction property and it value completely

Answer 2

I want one on the right and another on the left