✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

New No-Code Track! 🚀start learning today!

🌟 Dreaming of a bright future? 🎓 Ask about the Treehouse Scholarship program! 🚀

✨ Earn college credits in Cybersecurity, JS, HTML, CSS and Python

🤑 Join the Treehouse affiliate program and earn 25% recurring commission!

  • Treehouse Logo
  • Plans
    Chevron
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
  • Library
    Chevron
    • All Courses
    • Tracks
    • College Credit
  • Techdegree
    Chevron
    • Overview
    • Front End Development
    • Full Stack JavaScript
    • Data Analysis
    • UX Design
    • Python
  • Community
    Chevron
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
  • Resources
    Chevron
    • Career Toolbox
    • CodeForward
    • Free Treehouse Near Me
    • Jobs
    • Blog
    • Support
    • About
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks College Credit
  • Overview Front End Web Development Full Stack JavaScript Python Development Data Analysis UX Design
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Career Toolbox CodeForward Free Treehouse Near Me Jobs Blog Support About
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • Android
      • • APIs
      • • Coding for Kids
      • • College Credit
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Game Development
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • No-Code
      • • PHP
      • • Professional Growth
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
      • • Swift
    • Showing results for:
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • Close
  • Eduardo Vargas
    Eduardo Vargas
    5,871 Points

    Is anyone using the <picture> art direction approach in 2020?

    Posted on Nov 6, 2020 by Eduardo Vargas
    Eduardo Vargas
    5,871 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • kelvino
    PLUS
    kelvino
    Courses Plus Student 10,694 Points

    Responsive Image

    Posted on Nov 4, 2019 by kelvino
    kelvino
    Courses Plus Student 10,694 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • Nour El-din El-helw
    Nour El-din El-helw
    8,241 Points

    Chrome dev tools acting weirdly..

    Posted on Jun 14, 2018 by Nour El-din El-helw
    Nour El-din El-helw
    8,241 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • Stefan Cutajar
    Stefan Cutajar
    7,747 Points

    Browser dont show 500px image

    Posted on Feb 5, 2018 by Stefan Cutajar
    Stefan Cutajar
    7,747 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    0 Answers

  • nfs
    nfs
    35,526 Points

    Can't we just upload all the images required for the site elsewhere?

    Posted on Sep 17, 2017 by nfs
    nfs
    35,526 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • What is Art Direction?

    3 Answers

  • OMER FARUK BULGAK
    OMER FARUK BULGAK
    5,544 Points

    What is wrong with my media attribute and value?

    Posted on May 16, 2017 by OMER FARUK BULGAK
    OMER FARUK BULGAK
    5,544 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    2 Answers

  • Jerricka Kimbrough
    Jerricka Kimbrough
    3,725 Points

    help me plse

    Posted on May 11, 2017 by Jerricka Kimbrough
    Jerricka Kimbrough
    3,725 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • OLUBUKOLA OGUNSOLA
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    OLUBUKOLA OGUNSOLA
    Full Stack JavaScript Techdegree Graduate 30,442 Points

    media source orientation

    Posted on Oct 2, 2016 by OLUBUKOLA OGUNSOLA
    .a{fill-rule:evenodd;}techdegree seal-36
    OLUBUKOLA OGUNSOLA
    Full Stack JavaScript Techdegree Graduate 30,442 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • yashita mittal
    yashita mittal
    4,678 Points

    How to convert 1x image to 2x or 3x

    Posted on Sep 29, 2016 by yashita mittal
    yashita mittal
    4,678 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • Michal Janek
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Michal Janek
    Front End Web Development Techdegree Graduate 30,654 Points

    Chrome swapping the sources

    Posted on Apr 20, 2016 by Michal Janek
    .a{fill-rule:evenodd;}techdegree seal-36
    Michal Janek
    Front End Web Development Techdegree Graduate 30,654 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    0 Answers

  • Brendan Whiting
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Brendan Whiting
    Front End Web Development Techdegree Graduate 84,738 Points

    srcset and sizes

    Posted on Jan 30, 2016 by Brendan Whiting
    .a{fill-rule:evenodd;}techdegree seal-36
    Brendan Whiting
    Front End Web Development Techdegree Graduate 84,738 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    3 Answers

  • Nicoleta Ailincai
    Nicoleta Ailincai
    2,983 Points

    Hi I seem to have some issues with the last task from the Responsive images course.

    Posted on Sep 23, 2015 by Nicoleta Ailincai
    Nicoleta Ailincai
    2,983 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    2 Answers

  • sayedshahidi
    sayedshahidi
    9,158 Points

    Is this cross browser supported and it this an element only native to HTML5 (so not supported on ÌE8 +) ?

    Posted on Jul 13, 2015 by sayedshahidi
    sayedshahidi
    9,158 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • rachaelhampton
    rachaelhampton
    3,352 Points

    Is anyone using the <picture> element?

    Posted on Jun 28, 2015 by rachaelhampton
    rachaelhampton
    3,352 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    4 Answers

  • Maureen O'Neal
    Maureen O'Neal
    12,930 Points

    what am I getting wrong? I have it exactly as is shown in the tape, the orientation is to be landscape, right?

    Posted on May 15, 2015 by Maureen O'Neal
    Maureen O'Neal
    12,930 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    2 Answers

  • Turner Kilgore
    Turner Kilgore
    3,009 Points

    WTF? i can't find anything wrong with my answer. broken quiz?

    Posted on May 13, 2015 by Turner Kilgore
    Turner Kilgore
    3,009 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

  • Jon Humphrey
    Jon Humphrey
    1,237 Points

    incorrect grammar: wrong subject referenced

    Posted on May 6, 2015 by Jon Humphrey
    Jon Humphrey
    1,237 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • Art Direction

    0 Answers

  • mark mun
    mark mun
    5,026 Points

    I put the correct answer: media="(orientation:landscape)". Why is it not accepting the answer?

    Posted on May 6, 2015 by mark mun
    mark mun
    5,026 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    2 Answers

  • Paul Anderson
    Paul Anderson
    15,056 Points

    Is there a glitch on this challenge? I wrote this code: media=¨(orientation: landscape)¨

    Posted on May 4, 2015 by Paul Anderson
    Paul Anderson
    15,056 Points
    • HTML
    • Responsive Images
    • Art Direction with the Picture Element
    • The Picture Element

    1 Answer

Posting to the forum is only allowed for members with active accounts.
Please sign in or sign up to post.

    Treehouse

  • About
  • Blog
  • Careers
  • Community
  • Stories
  • Shop
  • Contact
  • Gift Card

See Full Catalogue

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
  • Python Development
  • Data Analysis
  • UX Design

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
  • ...see more

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
  • ...see more

Explore

  • Plans
  • Affiliates
  • Perks
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2025 Treehouse Island, Inc.