🤑 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

  • 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
  • Eduardo Vargas
    Eduardo Vargas
    5,871 Points

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

    Posted November 6, 2020 1:20am 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 November 4, 2019 2:06pm 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 June 14, 2018 8:07pm 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 February 5, 2018 9:51pm 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 September 17, 2017 4:34pm 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 May 16, 2017 8:46am 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 May 11, 2017 3:53pm 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 October 2, 2016 8:40pm 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 September 29, 2016 9:49am 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 April 20, 2016 8:40am 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 January 30, 2016 6:41am 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 September 23, 2015 6:29pm 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 July 13, 2015 8:34pm 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 June 28, 2015 5:09pm 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 May 15, 2015 4:30am 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 May 13, 2015 6:30pm 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 May 6, 2015 10:13pm 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 May 6, 2015 2:44am 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 May 4, 2015 6:59pm 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.