Art Direction with <picture> & <source>

Er. Manoj Kumar•Nextsem Academy Curriculum

Today, we are looking at the `<picture>` tag, which represents Art direction image swapping on our webpage!

Analogy: Imagine a wardrobe selector changing jackets based on weather.

How it works: You wrap your content in the tag to tell the browser how it should look and behave.

Example

Try it out in the check questions below!

Loading course layout...