Skip to main content

Notice: Workspaces are undergoing maintenance and are temporarily unavailable.

🚀 In our NEW AI Bootcamp you'll build a working app in 28 days, no experience required. Free to all subscription levels.

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

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

  • Treehouse Logo
    • For Individuals
    • For Businesses
    • For Schools
    • For Libraries
    • For Military
    • All Courses
    • Tracks
    • AI Bootcamp
    • College Credit
    • Techdegree Bootcamps
    • Front End Development
    • Full Stack JavaScript
    • Code Adventures
    • Discord
    • Forum
    • Success Stories
    • Treehouse Links
    • 100 Days of Code
    • Explore
    • Career Toolbox
    • Free Treehouse Near Me
    • Affiliates
    • Blog
    • Support
    • About
    • Learn
    • Beginner's Guide to Coding
    • Data Analysis with SQL & Python
    • Front-End Web Development
    • Python Programming Basics
    • Techdegree Bootcamp Overview
    • UX Design Fundamentals
    • AI Tools for Beginners
  • For Individuals For Businesses For Schools For Libraries For Military
  • All Courses Tracks AI Bootcamp College Credit
  • Techdegree Bootcamps Front End Web Development Full Stack JavaScript
  • Code Adventures Discord Forum Success Stories Treehouse Links 100 Days of Code
  • Explore Career Toolbox Free Treehouse Near Me Affiliates Blog Support About
    Learn Beginner's Guide to Coding Data Analysis with SQL & Python Front-End Web Development Python Programming Basics Techdegree Bootcamp Overview UX Design Fundamentals AI Tools for Beginners
  • Sign In
  • Free Trial
Instagram Twitter Facebook YouTube LinkedIn
Loading banner... Start your free trial at Treehouse
    • Newest
      • Newest
      • Active
      • Unanswered
      • Featured
    • All Topics
      • All Topics
      • • General Discussion
      • • AI
      • • 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
      • • Vibe Coding
  • 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,898 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,898 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,898 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,898 Points
    • HTML
    • Responsive Images
    • Image Delivery with Srcset and Sizes
    • Adding Sizes

    1 Answer

  • Hakim Rachidi
    Hakim Rachidi
    38,491 Points

    Last element in the sizes attribute

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

    0 Answers

  • Hakim Rachidi
    Hakim Rachidi
    38,491 Points

    Sizes and srcset

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

    0 Answers

  • Hakim Rachidi
    Hakim Rachidi
    38,491 Points

    HTML sizes attribute order

    Posted September 4, 2018 2:28pm by Hakim Rachidi
    Hakim Rachidi
    38,491 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.

Techdegree

  • Front End Web Development
  • Full Stack JavaScript
SEE ALL

Tracks

  • Learn to Code for Beginners
  • Beginning Python
  • Beginning SQL
  • Beginning Java
SEE ALL

Courses

  • JavaScript Basics
  • Intro to HTML & CSS
  • Python Basics
  • CSS Layout
SEE ALL

About Us

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

Explore

  • Plans
  • Affiliates
  • Perks
  • Shop
  • Free Treehouse Near Me
  • Treehouse for Libraries
  • Treehouse for Businesses

Treehouse is an online technology education platform founded in 2011. Treehouse offers more than 700 self-paced, video-based courses in web development, programming, data analysis, design, and AI, plus two project-based bootcamp programs in Front End Web Development and Full Stack JavaScript. Individual Treehouse plans start at $25 per month and include a 7-day free trial. Treehouse serves individual learners, businesses, schools, and public libraries. Cardholders at participating U.S. public libraries can use Treehouse for free. Select Treehouse courses, offered with University Pathways International, are recommended for college credit by ACE and NCCRS. Treehouse learners earn digital certificates for completed Tracks.

Terms & Conditions · Privacy · © 2026 Treehouse Island, Inc.
  • Twitter
  • YouTube
  • Facebook
  • LinkedIn
  • Instagram
  • Discord