Christmassy four card feature (html, css, js)

Thanks for the speedy feedback. I was toying with the 1440px and kept thinking I should've gone smaller....next time!

And yes, I saw all those errors come up, took a look and didn't understand a word as they're all the copied/pasted codes (I wouldn't normally just copy/paste without understanding anything btw. Actually, I haven't even learned js yet (just html & css) but wanted to liven it up. I'll learn the js when I can master html, css & page layouts, responsiveness etc)

thanks again :-)

@JasonIanMatthews May I offer some advice that works for me? Take not of the 'for me' part but if you think it can work for you as well you can try it.

Open up the errors page on a separate tab, and then open your text editor, place them side by side. Then look through the errors and find out where they're placed inside your code, and try to make the suggested changes, but before you do, google to find out why you need the changes like the aria-label attribute and so on and so forth.

You'll get to learn where to place attributes and why they're placed as they are, and you'll get better as you go. I still have some validation errors as well, but not as much as I used to 3 months ago when I started with Frontend Mentor. And also, try to understand what certain blocks of code do, it is immensely helpful...

But like I said, that's just me...

@MasterDev333 Thanks for the advice and compliment. I'm just learning about css-grid just as your message appeared so I hope to see its advantages soon and maybe re-code with this instead. I think grid will solve a lot of flex issues I'm struggling with re page placements!