@AndresLamar
Latest comments
- @lazydroide
It works great and looks good. The handlers in the inputs in desktop view are a little annoying. You can remove them using <input type='text' inputmode='numeric' pattern='[0-9]+'> but this only validate integers. To validate float and get rid of the handler the best idea is use input type=text and then make the validation in js.
In any case, good job
- @f-avalosWhat are you most proud of, and what would you do differently next time?
I feel satisfied with the result obtained, I have nothing I want to change for now.
What challenges did you encounter, and how did you overcome them?I had problems displaying the cards dynamically, when I changed time tracking type the script file would freeze, to fix this I used the document.createDocumentFragment() method, i.e. I generated an html element and inserted the cards, once Once that was done, I inserted said content only once, instead of entering new content each time a card was created.
@lazydroidei like the animation it's a cool detail, and everything works and looks perfect. I don't see any problem in your js, maybe did you do it in a little bit "overcomplicated" way?. You could achieve the same result create the card-container in your index.html and then using innerHtml in your js to update its content: to remove the cards: card-container.innerHtml = ''; to insert each card: card-container.innerHtml += ´html code of the card`;
in any case, good job.
- @Hossein-H-I@lazydroide
I like your solution, using a custom "thankspage" seems to make everything simpler and cleaner. Good job.
- @LanceOS@lazydroide
The layout looks good but the position of the context/modal menu or whatever they want call it it's not correct. The issue can be fixed using as relative reference not the button but the 'social-share' container. You can apply the size of the relative container to the context menu in small screen sizes and then make it visible by clicking the button.
- @AmneisaOB@lazydroide
Nice job, everything looks good.
- @thiagorodriguezdevWhat challenges did you encounter, and how did you overcome them?
Meu maior desafio foi nos cards, tentei usar grid mas nao obtive exito, consegui deixar igual o Figma usando flexbox
What specific areas of your project would you like help with?Gostaria de ajuda nos cards se tem algum jeito melhor de desenvolver
@lazydroidePretty good solution, you use semantic html, variables, mobile first, etc. Two small details to improve, your karma and calculator cards are in wrong position, and the colored part of the cards is not a border-top (they have no curvature). You can make them straights with a linear-gradient.
In any case, great job.
