Understanding the HTML Boilerplate - What Is an HTML Boilerplate, and Why Is It Important?

HTML-CSS
1

Tell us what’s happening:

I don’t understand the use of meta in the HTML ,
im not getting anything from the below

<meta charset="utf-8" />
    <meta
       name="viewport"
       content="width=device-width, initial-scale=1.0" />
    <title>freeCodeCamp</title>
    <link rel="stylesheet" href="./styles.css" />

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/147.0.0.0 Safari/537.36

Challenge Information:

Understanding the HTML Boilerplate - What Is an HTML Boilerplate, and Why Is It Important?

GitHub Link: freeCodeCamp/curriculum/challenges/english/blocks/lecture-understanding-the-html-boilerplate/670838e914096b194b0c51aa.md at main · freeCodeCamp/freeCodeCamp · GitHub

2

the meta element provides infos for the browser that is going to read the html file

this one is about how to read the file

this one is about how to set the starting view of the page, in this case width=device-width means set the width of the page to be the width available from the device, and initial-scale=1.0 to have the zoom at 100%