I honestly think I did pretty good here? Besides maybe some very small things, I think this is as good as I can get it without falling into the habit of spending hours to perfect one small detail.
I honestly can't tell if I got the height and width of the whole thing right. I think it looks a little skinny compared to the preview provided, but I'm not too sure.
Nothing
What challenges did you encounter, and how did you overcome them?I've had problem with footer position. All I just needed is set my .container to height: 100vh and set correct flex settings.
What specific areas of your project would you like help with?Nothing
Really great job on this project, Denchiks! Your solution is very accurate to the design.
One thing you could look into to make it even more accurate is to add the box-shadow changing size when hovering over the text "HTML & CSS foundations". One way you could do it, and how I did it with my solution to this challenge, is to add pointer-events: none; to your .card class in your CSS, then add a style declaration to it with the :hover psuedo selector and have it increase the box-shadow, like so:
.card {
pointer-events: none
}
.card:hover {
box-shadow: <add box-shadow parameters as you see fit>
}
I am most proud of the quickness I was able to complete this
What challenges did you encounter, and how did you overcome them?The challenge was I didn't realize I had set the height to 5000px instead of 500px so I proofread my code and found it
What specific areas of your project would you like help with?None
Great job on this! It looks good on all fronts, but if you want to improve on something, on some mobile viewports the qr-container is a bit too big to see all at once. But like I said, great work on this!
