how can i best align the 3 cards to side by side besides the method i use?
-The technologies for this particular project is only HTML and CSS but i decided to spice things up by using Javascript to dynamically display the cards
Hello @neetauka!
Your design looks amazing and the fact that you used Js to show the cards it's a nice touch.
I recommend this clip from Fireship: https://www.youtube.com/shorts/njdJeu95p6s.
If I could suggest one thing, if you don't want the text to jump when you hover over it you could modify the border
button{ border:2px solid var(--Very-light-gray); }
button:hover{ border:2px solid var(--Very-light-gray); }
This way the text won't jump anymore.
Have an amazing day and happy coding! Have fun!
I would appreciate it if anyone could give me feedback!
Hello @Danielvermel!
The design looks amazing, nice job!
I'd like to suggest a small change:
Your rating is n-1 (where n is the number selected), so if I want to rate you 5, I end up rating you a 4. You could try the easy fix, hardcode a +1 for your rating review. Or you could change the buttons to radio buttons and assign them values from
Anyways you nailed the design! and I hope this was useful to you! With great respect, Balog Alin
This has been fun, slowly crawling out of tutorial hell
I would like to maybe add some animations in the future (I'm thinking of fade in and fade out).
I would also like to not hard code all the buttons as it takes a big portion of the code
Wow, i forgot to tidy up the code a bit before uploading and for that I'm sorry
All those 19 Issues are now a great reminder to double check
How can i convert [object HTMLButtonElement] to string, I couldn't get a solution to that.
Hello, @DEV-HIZRAEL
I'm thinking u did something similar to my mistake
When I used textContent I forgot to take out the "quotation marks" and ended up typing something like this:
rating.textContent = "ratingVal";
In my case, all I had to do was remove the " quotation marks" so it became:
rating.textContent = ratingVal;
Feel free to test my Calculator. Any feedback and suggestions are welcome here :)
Hello @GrzywN!
Your work is immaculate! consider me ur no #1 fan ;p!
