need comment box down and name at top

Hi there,

Try this CSS:

.comment-form {
    display: flex;
    flex-direction: column;
}
.comment-form #author {
    order: -1;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

works great now in name box its showing that *name but in comment box its don't showing any thing like *comment i want to show *comments label in comment box

Sorry what? Can you explain a bit more?

Sorry for my bad english CSS code works only for distop site whean i opean my site in mobile the name box is showing in down Side agian

https://prnt.sc/srf3k9

look at my screen shot you can understand

Looks like you've wrapped my CSS in desktop only media query which is something I didn't add:
https://www.screencast.com/t/h7C6cseyVm4m

Maybe you forgot to add a } in the previous @media (min-width: 769px) { somewhere?

ya sry it's working now thank you so much

No problem :)

if i want to email box also in top i use below css but do you have any better css than this... because i dont know css just tryed this i repeat the code two times

.comment-form {
    display: flex;
    flex-direction: column;
}
.comment-form #author {
    order: -1;
}

.comment-form {
    display: flex;
    flex-direction: column;
}
.comment-form #email {
    order: -1;
}

You can remove the duplicated code:

.comment-form {
    display: flex;
    flex-direction: column;
}