… element is a container for metadata

metadata are called (data about data)

HTML metadata is data about the HTML document

Metadata is displayed

Metadata typically define the document title, character set, styles, scripts, and other meta information

<meta> element is typically used to specify the character set, page description, keywords, author of the document, and viewport settings

The metadata will be displayed on the page, are used by browsers (how to display content or reload page), by search engines (keywords), and other web services

Defines a set of navigation links

Defines an independent, self-contained content

Defines a header for a document or a section

Defines a section in a document

Defines content aside from the content (like a sidebar)

Defines a footer for a document or a section

Defines additional details that the user can open and close on demand

Defines a heading for the <summary> element

Responsive web design is about creating web pages that look good on all devices!

A responsive web design will automatically adjust for different screen sizes and viewports

Responsive Web Design is about using HTML and CSS to automatically resize (hide, shrink, or enlarge, a website, to make it look good on all devices (desktops, tablets, and phones))

The text size can be set with a "vw" unit, which means the "viewport height"

The text size can be set with a "vw" unit, which means the "viewport width"

1vw = 1% of viewport height