Juan Pablo Urra• 230
@ojitxslml
Submitted
Hello! first time using a .json File.
Question!
-how can I remove the hover effect of the parent element (.stats) when cursor is over the three dots?
Any feedback about how to improve my code is welcome!
VINÍCIUS DOS SANTOS VERISSIMO
@viniciusdsv93
All comments
@viniciusdsv93
Posted
Great work, man! Contratulations! In my project i inserted the darker card inside a bigger coloured one (orange, blue, green...). Because of that, the coloured borders at the bottom keep appearing, but you solved that perfectly. Very nice!
1- Rodrigo• 70
@rodrigo-nn
Submitted
@viniciusdsv93
Posted
Hello @rodrigo-nn. My name is Vinícius and i'm from Brazil. Congratulations for your project, man.
I noticed that on mobile version the site shows a horizontal scrollbar. I believe you can solve that by putting "width: 85vw" on the main container, for exemple, and maybe adding a "overflow-x: hidden".
I would also add a bigger margin at the top and at the bottom of the mobile version.
Great work, man.
Marked as helpful
1 - John Andrey Galingan• 180
@johnrookie-coder
Submitted
Any feedback is welcomed and highly appreciated. Thanks and Gobless.
@viniciusdsv93
Posted
Great work man, congratulations!
Only one thing: i guess it would be nice if you create another error massage in case of clicking the button when the input is empty. The you can print the message "The input cannot be empty" or something like that.
I did it by using "if" clauses.
Marked as helpful
0 - Abby Nyakara• 190
@AbbyNyakara
Submitted
Well, this challenge gave me a run for my money. I struggled through adding the active states. I was unable to add the down arrow on the pop-up in the desktop view when its in active state. Any recommendations will be highly appreciated.
However, I learnt J-Query today and was able to implement it for this project, which was pretty cool. It literary shortened my javascript code to two lines! 😁😁.
Looking to improve and shorten my css further.
@viniciusdsv93
Posted
Hello Abby! How are you doing? My name is Vinícius and i'm from Brazil. I managed to create a small arrow below the active state box by creating a div below with a square format and then making it rotate 45 degrees, so i positioned it a few pixels up in order to get behind the box. By doing that, you can simulate a "down arrow" by using a half of a rotated square. Got it?
You can create a father div, giving it a display flex, flex-direction column, putting two divs inside it, being the first one the actual box and the second is going to be the rotated square.
0
