Página Responsiva

Realizaré una página que utilice imágenes responsivas con la etiqueta picture, Además incluiremos un vídeo de YouTube y archivos de imagen vectorial SVG

Imagen Responsiva

En el siguiente ejemplo, el explorador cargara diferentes imagenes dependiendo del tamaño del monitor. El explorador buscará por la primera imagen definida en el elemento <source> donde la imagen encaje con el ancho actual del navegador, y cogerá la imagen especificada en el atributo srcset del elemento <source>.

a cute kitten

Video de Youtube

Archivos de imagen vectorial SVG