Summary:

Viewport- is the area of the window in which web content can be seen.

<meta name="viewport"
content="width=device-width,
initial-scale=1">

<br> break

<hr> horizontal rule

Vector vs Bitmaps:

Vector images are made up of lines and curves that are defined by mathematical algorithms, while bitmap images are made up of a grid of pixels.

.jpeg (Joint Photographic Experts Group):

It’s a standard image format for compressing data.

.gif (Graphics Interchange Format):

<aside> 💡 This is a computer file format for the compression and storage of visual digital information.

</aside>

.png (Portable Network Graphics:

<aside> 💡 It is a type of raster image file is commonly used on the internet.

</aside>

.svg (Scalable Vector Graphics)

<aside> 💡 This is a standard graphics file type used for rendering two-dimensional images on the internet.

</aside>

Adding Images:

<img src="img/top.jpg"
alt=“Opening image showing images of
texture and abstract typography"/

Images in CSS:

img {
max-width: 100%;
padding: 0;
display: block;
margin: 1em auto;
}

CSS (Cascading Style Sheets):