While doing the challenge I was unable to implement the effect where the numbers maintain a gray background after being clicked. I don't know if my problem is clear but if you understood it please help. Thanks in advance.
I set up a JS function to change the background color of the whichever element was clicked.
Any Feedback is Appreciated. I don't like how the desktop design collapses as screen-size decreases (1200px and lesser until it hits the media query). The stars wrap around to a new line and I would like to avoid that. I would like the spacing (column-gap) between the top-two sections to decrease instead. If anyone has any advice on how to achieve that, please let me know! :D
You didn't specify a width of your star container so it flexes with the size of the view. Something like below fixed it for me.
.star-container { width: 200px; }
