i try to do without using chat gpt
What challenges did you encounter, and how did you overcome them?the field check with the easy way possible
What specific areas of your project would you like help with?to do this task in real project
The drag component some tutorials the ones i found was a little complicated
How would like to know how to improve the fetch and render speed
i try to do without using chat gpt
What challenges did you encounter, and how did you overcome them?the field check with the easy way possible
What specific areas of your project would you like help with?to do this task in real project
The inputs do not get verified if are valid numbers, in react a would check if new character is valid if so a add it else not, i dont know how to do in vue; It would be also good if the focus effect was visible to give extra information;
Taking this things out good solution
The appearance of my application was very similar to the original challenge. However, the display that does the calculations and some operations cannot be done well.
What challenges did you encounter, and how did you overcome them?one of the main challenges is the button to change color.
What specific areas of your project would you like help with?I would like help to improve the appearance of the numbers on the display. and the operation of numbers.
well done, the design implementation and the theme swap is very good. Somethings i would like you to give a look is the "+-*/" signals when i choose a two in a row them both show up in the display. And the Error message It should disappear when the user is typing again. Good luck in the next challenges I am spectating to see then
Made an effort to condense code as much as possible
What challenges did you encounter, and how did you overcome them?I managed to center the "main" element horizontally on the page but struggled to do so vertically. I tried the same approach as for horizontal centre alignment, i.e. specify give an exact height then set margins to auto, thinking it would work the same way but it didn't. When I set the vertical margin to auto it just removed all the vertical margins.
What specific areas of your project would you like help with?Couldn't find anything online regarding the vertical centring. Ended up having to define exact vertical margins to get it looking centred.
Any ideas, please share
One way you could use to center the content is html, body{ height: 100% } //This will make you the html and body take all the height available
body{ display: grid; place-content: center; }//with the body taking all the height availably this will center it, you can also do the same with flexbox
and remove the margin and height from the Main tag - After that you no longer need this part
I advise you to search about css resets, and to use the inspector it gives good hints about the tags behaviors, I hope that i could help you
Congrats for your solution to this problem, is pretty god. Something I think that can be improved is the mouseover effect, if the cursor change with it, may give an extra visual clue
You solutions is good, but there are somethings from the design source that maybe have slipped from your attention;
When a link is shortened and present it seens as it is out of the flow of the normal content; Your card and menus seams to be different to, but beside that everything is good and functional congratis for it; I would like to proved how to corrects some of the things i pointed out but i can't sorry
my advices go to the way you spaced your section with class main, it already as flex, you could give it a justify-content: space-between property, it would space itself and you would not need to space it with margin-left;
And you main tag could use a container class; to limit the space of the design , because you layout tend to have a scrow bar in big screen, I hope it was helpful to you