Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll
Well done!
You have completed Responsive Images!
You have completed Responsive Images!
Preview
The <picture> element is a container used to specify multiple source files for a child image element.
Resources
Related Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign upRelated Discussions
Have questions about this video? Start a discussion with the community and Treehouse staff.
Sign up
let's take a look at the documentation on
the Mozilla Developer Network.
0:00
You can find a link to the documentation
in the notes associated with this video.
0:04
So here it says the html picture element
is a container used to specify multiple
0:08
source elements for a specific image
element contained within it.
0:14
The browser will choose the most suitable
source according to the current layout.
0:20
Constraints of the box the image will
appear in of the page and
0:26
You need to sign up for Treehouse in order to download course files.
Sign upYou need to sign up for Treehouse in order to set up Workspace
Sign up