Skip to main content

🤖 New: Master the basics of AI! Explore our Machine Learning Tutorials today! 🚀

CodeHarborHub

Docs
Courses
DSA
🧩Problems
💡Solutions

⭐ GitHub Stars 🤝 Community 💰 Donate 📰 Blog 💡 Feature Requests

Showcase
Projects
E-books
Roadmap
Live Editor
Broadcast
Events

CodeHarborHub

HTML
index

HTML
Working with Images
Picture Element (<picture>)

Art Direction with the HTML picture Element

Tags:

html
picture-tag
responsive-design
media

Last updated on Sep 23, 2026 by Ajay Dhangar

Responsive Images

srcset & sizes Attributes

CodeHarborHub is a platform for developers to practice their coding skills and prepare for technical interviews.

Resources

Tutorials
Courses
DSA Problems
DSA Solutions
Web Development

Company

About Us
Contact Us
Careers
Our Team
All Blog

Support

Help Center
Report a Bug
Feature Request
Account Support
Accessibility Support

Latest blog

blog

Getting started with the MERN stack...

blog

Getting started with Microservices...

Privacy policy Code of conduct Terms of service License

Designed and Developed by Ajay Dhangar