Hi, Shiva Prakash Pendem! 👋
Could you give more information regarding the bug? Maybe, try to reproduce the bug so that I can see the issue on my browser.
I check the MDN documentation for
grid-template-areas and it is not a deprecated property. Also, as far as I know there are deprecated HTML tags such as
marquee, etc but I don't know that CSS properties can also get deprecated.
I took look at the site on my Chromium browser (v104) and Firefox browser (v102), and I didn't see any error in both consoles (usually error messages would appear in the console).
Anyway, I have one or two suggestions. I would recommend making the
p element. It is not a sub-title or sub-heading. It is more likely like two paragraphs than a heading and a paragraph. Also, alternative text should not contain the word "image" as it is already an
img element. Screen readers would pronounce it as an image so adding the word "image" to the alternative text can create more noise.
I hope this helps. 😊
Marked as helpful
The bug is that the code I wrote under
min-width:780px media query doesn't seem to effect the layout, so I commented it out, which is why you wouldn't have been able to seen the error in the console.
I'll take your suggestions into consideration, thank you.