Our end of year sale ends soon 👀 Get a year of Courses for $150 (40% off!)

Jump into new course Python Dates and Times 🐍

Learn React with us!

Dive into new course Game Development with Phaser 👾

💥 ALL NEW: Code Adventures! ⚡ Dare to embark on a front end coding adventure 🌟

Get job-ready with our Career Toolbox Track's career advice, resume tips, and more 🧰

🤖 Check out all our AI content here 👀

Learn about our new Community Discord server here and join us on Discord here!

Students: got a cool project or resource to share? Submit it to Treehouse Links! 🤩

  • Home
  • Free Trial
  • Sign In
  • Plans
  • Tracks
  • Library
  • Community
  • Code Adventures
  • Support
  • Jobs
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • 21st Century Skills
      • • AI
      • • Android
      • • APIs
      • • Business
      • • C#
      • • Computer Science
      • • CSS
      • • Data Analysis
      • • Databases
      • • Design
      • • Development Tools
      • • Digital Literacy
      • • Equity, Diversity, and Inclusion (EDI)
      • • Go Language
      • • HTML
      • • Java
      • • JavaScript
      • • Learning Resources
      • • Machine Learning
      • • PHP
      • • Python
      • • Quality Assurance
      • • React
      • • Ruby
      • • Security
  • Eduardo Vargas
    Eduardo Vargas
    5,871 Points

    Confused about "Adding Sizes"? Me too. This article helped a lot.

    Posted November 6, 2020 12:43am by Eduardo Vargas
    Eduardo Vargas
    5,871 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    0 Answers

  • Eduardo Vargas
    Eduardo Vargas
    5,871 Points

    What was the purpose of declaring "max-width: 50% in the CSS when 50VW is being declared in the sizes?

    Posted November 6, 2020 12:27am by Eduardo Vargas
    Eduardo Vargas
    5,871 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    2 Answers

  • Doron Geyer
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Doron Geyer
    Full Stack JavaScript Techdegree Student 13,896 Points

    Not a Question but additional useful resources that explain sizes more comprehensively. They improved my understanding.

    Posted June 24, 2020 3:10pm by Doron Geyer
    .a{fill-rule:evenodd;}techdegree
    Doron Geyer
    Full Stack JavaScript Techdegree Student 13,896 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    1 Answer

  • Doron Geyer
    seal-mask
    .a{fill-rule:evenodd;}techdegree
    Doron Geyer
    Full Stack JavaScript Techdegree Student 13,896 Points

    after adding " 50vw, (min-width:1024px) 512px" image size no longer changes from medium

    Posted December 1, 2019 8:08am by Doron Geyer
    .a{fill-rule:evenodd;}techdegree
    Doron Geyer
    Full Stack JavaScript Techdegree Student 13,896 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    1 Answer

  • Hakim Rachidi
    Hakim Rachidi
    38,489 Points

    Last element in the sizes attribute

    Posted September 4, 2018 3:47pm by Hakim Rachidi
    Hakim Rachidi
    38,489 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    0 Answers

  • Hakim Rachidi
    Hakim Rachidi
    38,489 Points

    Sizes and srcset

    Posted September 4, 2018 3:16pm by Hakim Rachidi
    Hakim Rachidi
    38,489 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    0 Answers

  • Hakim Rachidi
    Hakim Rachidi
    38,489 Points

    HTML sizes attribute order

    Posted September 4, 2018 2:28pm by Hakim Rachidi
    Hakim Rachidi
    38,489 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    0 Answers

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

    It just chooses the small image..

    Posted June 14, 2018 6:44pm by Nour El-din El-helw
    Nour El-din El-helw
    8,241 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    1 Answer

  • Stefan Cutajar
    Stefan Cutajar
    7,747 Points

    Sizes attribute

    Posted April 23, 2018 3:24pm by Stefan Cutajar
    Stefan Cutajar
    7,747 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    1 Answer

  • Paula Mourad
    Paula Mourad
    5,154 Points

    What's the "50vw"?

    Posted October 4, 2016 8:43pm by Paula Mourad
    Paula Mourad
    5,154 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    6 Answers

  • Thomas Dimnet
    seal-mask
    .a{fill-rule:evenodd;}techdegree seal-36
    Thomas Dimnet
    Python Development Techdegree Graduate 43,629 Points

    Sizes values: need some help!

    Posted August 11, 2016 8:29am by Thomas Dimnet
    .a{fill-rule:evenodd;}techdegree seal-36
    Thomas Dimnet
    Python Development Techdegree Graduate 43,629 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    3 Answers

  • Tunde Adegoroye
    Tunde Adegoroye
    20,597 Points

    Sizes values - Am i right with this?

    Posted June 4, 2015 10:30am by Tunde Adegoroye
    Tunde Adegoroye
    20,597 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    2 Answers

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
  • Perks
  • Public Library Access
  • Treehouse for Libraries
  • Treehouse for Businesses
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
Terms & Conditions | Privacy

© 2023 Treehouse Island, Inc.