Tell us what’s happening:
Describe your issue in detail here.
Your code so far
<h2>CatPhotoApp</h2>
<main><p>Kitty ipsum dolor sit amet, shed everywhere shed <everywhere>everywhere stretching attack your ankles chase thethe red dot, <hairball>hairball run catnip eat the grass sniff.</p>
<p>pu jumpjump eat the grass rip the couch scratched sunbathe,shed everywhere rip the couch sleeps in the sink fluffy fur </p></main>
Your browser information:
User Agent is: Mozilla/5.0 (Linux; Android 7.1.1; Lenovo TB-X304L) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/91.0.4472.120 Safari/537.36
The main tag in html is used to differentiate between the main content of the website from all the other stuff which may or may not be directly related to the main content of the website such as the sidebar, footer, header or the navigation links.
The main content is used as a container to contain all the important content which the webpage is made for as well as to be used by accessibility devices.
For example a screen reader is a device which is used by blind people to access the internet. this device literally reads out everything on the webpage so that the person using it can access the webpage. Now imagine a website which doesn’t use a main tag, there is no way for a blind person to access the content without going through all that noise ie the content in the sidebar or the nav links.
