Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Age Calculator app using Tailwind CSS and Vue

@Miki0035

Desktop design screenshot for the Age calculator app coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I am proud that I was able to solve this problem, it has a bit of logic behind it and I was able to figure out a solution for the problem. This project also challenged me to look into vue and tailwind CSS a bit more than what I was used to

What challenges did you encounter, and how did you overcome them?

One encounter I faced was how to apply fonts in tailwind CSS and with the help of a blog @ https://blog.logrocket.com/how-to-use-custom-fonts-tailwind-css I managed to solve it.

Another encounter was how to conditionally apply styles to components in Vue and by reading the vue documentation I was apple to solve it

Community feedback

@ubeydanasir

Posted

Nice work but there are some mistakes. Here are some:- -Your solution is smaller than the original one. -The background color is not the same. -And some signs aren't correctly placed.

Like the comment if you get it helpful.

Marked as helpful

0

@Miki0035

Posted

@ubeydanasir tnx for the comment, I managed to fix some of the issues you address . Can you look at the updated website and tell me what you think

1

@ubeydanasir

Posted

@Miki0035 you did it man Bravo.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord