Steph• 500
@xStephx
Submitted
Valchali
@Valchali
All comments
- Valchali• 100
@Valchali
Posted
Good hands, big cheers from here. Hope i can learn a few stuff from you..
2 - Harsh Kumar Dwivedi• 740
@Harsh-Kumar-Dwivedi
Submitted
What 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-shadowCSS property with proper values, helped in giving the payment button a bottom box-shadow.4.Pseudo element
::beforeandposition: fixed;were significantly helpful in designing the background.What specific areas of your project would you like help with?
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 😀
Valchali• 100@Valchali
Posted
You did a great job here, kudos from here!!!.
1
