I had a lot of fun with this one. Weirdly enought this is the first time I upload anything with JS in it. I made sure to have good documentation on the whole of project. The HTML is semantic, the CSS responsive, the JS concise and commented. There's even an easter egg for those that are interested in the actual code...
By pressing continue or reloading the page you get a new combination of scores and a new average. As well as a differente description of your score. I did this to practice JS beyond the JSON provided.
There was not a lot to improve from my original solution. Still, I managed to simplify the code a little. CSS Grid is really a godsend when one is faced with this complex layouts that have objects with multiple Aspect Ratios.
I just noticed that I forgot to add the quotation image to the first guy. LOL. I'll add it and reload the screenshot... Nobody will know.
help me improve with your feedback :D
Hey! You did a pretty good job. You can add the shadow to your card by putting box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); into the styling of your article.card
I'm accept suggestions of improvement
You should also add a little box shadow to your card. Click here to read a nice article about how to make good-looking box shadows.
I'm accept suggestions of improvement
Adding this to your body will fix the background problem:
background-size: 100% auto; background-repeat: no-repeat;
