Valchali
@ValchaliAll comments
- @xStephxSubmitted 2 months ago@ValchaliPosted 2 months ago
Good hands, big cheers from here. Hope i can learn a few stuff from you..
2 - @Harsh-Kumar-DwivediSubmitted 8 months agoWhat are you most proud of, and what would you do differently next time?
I am proud that I was able to build the highly closest design in comparison to the required design. From next time, I would try to complete the project in a significant lesser amount of time without compromising on the quality of the project.
What challenges did you encounter, and how did you overcome them?Essentially, I encountered following challenges:-
1.Responsive paragraph.
2.Designing the plan portion.
3.Box-Shadow for the payment button.
4.Designing the background of the card.
I tackled these problems calmly by researching out various possible solutions, choosing the better solution, applying the solution, modifying it and then finalizing it. I used following approaches for respective problems:-
1.Padding helped out in the problem of making the paragraph responsive as per the given design across different devices.
2.Flexbox and `` element were highly useful, in designing the plan portion.
3.Setting up the
box-shadow
CSS property with proper values, helped in giving the payment button a bottom box-shadow.4.Pseudo element
What specific areas of your project would you like help with?::before
andposition: fixed;
were significantly helpful in designing the background.Would love to know following:-
1.What better approach could be used for designing the background?
2.Any suggestions in general or specifically regarding code optimizations, better approaches and production worthy practices.
Checkout my solution ! Feedbacks are welcome ! Stay Happy & Well ! Happy Coding ! Thanks 😀