All solutions

Leave your comment will make this code more perfect!

Feel free to comment to optimize this project :)

If you have any better concept, leave comment will be appreciated :)

Please leave ur comment, if anything was wrong.

I think this was so close to design.If I do something wrong, pls do not hesitate to leave ur comment.

Any feedback will be appreciated :)

I optimized this code by add delay 2 secs when clicked the button.If have anything went wrong, pls feedback me.

If you have any feedback, please leave your comment will be appreciated.

I'm not sure how to set width of children in parent that "display: flex" can we use max-width or not. Because I don't want that children has height same to width if we use flex-basis its will affect when we change flex-direction to column.

All feedback will help me to optimize this code.

If my code have any mistake, please do not hesitate to tell me:)

Please leave a comment, if you have any idea better.

Do you have any idea to change opacity of text beyond "opacity: {value}". Please tell me :)

Leave ur comment to improve my code

Good Challenge!

If you have any more good ideas, please let me know.

It will be appreciated. If you advice me how to optimize this code, I will adjust it. I'm just a newbie for React. Please tell me what I did mistake. <3