All solutions

I never thought that a form was such hard to implement. Some minor requirements are troublesome such as card number input. It needs a space character after every 4 digits. Gradient color border, and user input restriction are also new things I learned in this exercise. Amazing!!!!! Feel free to hack the form and tell me the bug XD.

Leave me some comments please :)

It's much more harder than I thought

1. React Native button styling is weird
2. Logic on Calculation is hard! I put down some logic under the excel: https://docs.google.com/spreadsheets/d/1pRR4ZJMEwt4PK48L5j2Uap2_PfwI8Z-VekUrFcw5TSg/edit?usp=sharing

Styled component is really helpful framework in themeing! Thanks a lot!!!!!! Please give me some feedback. Thanks Improvement:

1. May use big number in the future.

I will use React Typescript, Styled component in every ex in frontend mentor in the future.

I feel difficult to categories component to sub folder.

I would like to use react next for handle the state and logic easyly...

May I have some advice!? Did you use yuu card <3

Please give me some feedback.:)

I love it!

I feel sick to deal with svg image... Once I use <img> tag then I can't change the color by fill property... However, when I use <svg> tag then I can't scale the image by width/ height property...

Also, I want like to build something with react :) Anyone have some suggestion for me? Thank you!

I'm confused and scared that will wix, webflow or wordpress taking my job opportunity...>< I really want to be frontend developer since coding is fun...

I create the chat bubble by two boxes XD, Is it correct? I use a lot of id instead of class notation,Does it matter? I always correct the height and width... It's so annoying... May I get your feedback please:)

I write about 400 lines on this page, I think it's orderless and not efficient. How can i do? Also, sometime vh px on height are make me feel confused to use. I used flex and grid on this page, but the responsive part is not really good...