Update 13. 11:43pm. Not much prompting for today's work except for a couple where I asked for help to fix the appearance of the boxes to display the prompts I made on Bard. It turned out that it was a browser issue (with Chrome) where the boxes would appear on the left most side of the page on tablet, while it spills over to the right of the screen on mobile.
I also asked for help on the meta data and found that the generative-ai.html file didn't share the same browser compatibility as the other pages. Hence, the header links were displaying differently.
Meta to make code compatible to all browsers