1. Picture tag :
The <picture> tag gives web developers more flexibility in specifying image resources.
The most common use of the <picture> element will be for art direction in responsive designs. Instead of having one image that is scaled up or down based on the viewport width
2. Input Suggestions :
The <datalist> tag specifies a list of pre-defined options for an <input> element.
📌 px :
The px unit is the magic unit of CSS
The px is thus not defined as a constant length, but as something that depends on the type of device and its typical use.
📌 Viewport Height (vh). This unit is based on the height of the viewport. A value of 1vh is equal to 1% of the viewport height.
Viewport Width (vw). This unit is based on the width of the viewport. A value of 1vw is equal to 1% of the viewport width.